Aprenda como melhorar seu PageSpeed e o Core Web Vitals

Técnicas para melhorar a performance do site.

Arjen Karel
linkedin

Eu ajudo empresas a corrigir o Core Web Vitals, configurar o rastreamento robusto de RUM para o Core Web Vitals, melhorar a conscientização sobre o pagespeed e gerenciar a implementação de melhores práticas do Core Web Vitals

Às vezes, quando tenho um pouco de tempo (o que não acontece com muita frequência ultimamente), escrevo sobre o Core Web Vitals

Vamos conversar

Corrija o Layout Shift do Widget de Chat do HubSpot

Uma solução alternativa que reduz um CLS de 0,91 para 0,02 explorando duas exclusões de layout-shift do navegador

Como as Animações Acionadas por Rolagem Causam CLS

Seu cabeçalho que se oculta na rolagem pode estar falhando silenciosamente no CLS. Veja o motivo e como corrigir isso.

Raciocínio Proporcional para Desempenho Web

O gargalo é a fase que consome a maior parcela do tempo total. Não a fase que excede um limite absoluto.

Corrija o INP com um Agente de IA: A Métrica que Ferramentas de Laboratório Não Conseguem Medir

O INP não pode ser simulado. Este é o fluxo de trabalho conectado a dados de campo para diagnosticar e corrigir o Interaction to Next Paint com um agente de IA.

Corrija a LCP com um Agente de IA: De Dados de Campo à Correção de Código

O fluxo de trabalho completo de diagnóstico da LCP usando CWV Superpowers: desde a identificação da fase do gargalo nos dados de campo até a alteração específica no código.

CWV Superpowers: Diagnóstico Automatizado de Core Web Vitals

Uma skill gratuita do Claude Code que se conecta aos seus dados de campo do CoreDash e ao Chrome para diagnosticar problemas de LCP, INP e CLS e gerar correções de código.

Agente de IA e Core Web Vitals: Por Que Dados de Campo Mudam Tudo

Três tipos de servidores MCP conectam agentes de IA aos dados de Core Web Vitals. Apenas um fornece os dados que o Google realmente usa para ranqueamento.

JPEG XL e Core Web Vitals: o que você precisa saber agora que o Chrome o suporta

Como o JPEG XL se compara ao AVIF, WebP e JPEG, o que isso significa para seus Core Web Vitals e como começar a servi-lo hoje

Prerender Until Script: O Meio-Termo Entre Prefetch e Prerender

Carregue sub-recursos e construa o DOM sem acionar scripts ou poluir o analytics

Adiar Imagens Fora da Tela no Mobile: Guia de Lazy Loading Nativo

Lazy loading nativo, content-visibility e por que o adiamento de imagens com JavaScript é peso morto

Guia do Core Web Vitals para Priorização de Recursos

Controle quais recursos carregam primeiro e quais devem esperar

Agendando eventos do dataLayer para otimizar o INP

Como o adiamento de eventos do GTM para depois da renderização do navegador melhora suas pontuações de INP

Otimize os Core Web Vitals para dispositivos de baixo desempenho

Por que sites rápidos em hardware econômico exigem concessões mais drásticas do que a maioria das equipes admite

A Melhor Configuração do Cloudflare para Passar no Core Web Vitals

Configure o Cloudflare para obter o máximo de pagespeed e entenda as configurações que você tem à disposição

Remova parâmetros de rastreamento com Cloudflare Workers e Transform Rules

Parâmetros de rastreamento como fbclid e gclid criam URLs exclusivas que ignoram o cache da sua CDN. Três maneiras de corrigir isso.

Imagens hero do Elementor mais rápidas em 2 minutos!

Aprenda como mudar de imagens de fundo lentas para imagens normais rápidas para imagens hero do Elementor em 2 minutos

O Impacto das CSS View Transitions no Desempenho Web

Entenda por que e quando as view transitions podem impactar o desempenho web

5 Níveis de Prioridade do JavaScript e Como Usá-los

Nem todos os scripts são iguais. Carregue-os na ordem certa.

Carregamento Responsivo de Fontes Web: Uma Estratégia Direcionada por Dispositivo

Uma estratégia de carregamento de fonte responsiva para um LCP mais rápido e zero layout shifts

Configurações do painel Network do Chrome DevTools para o Core Web Vitals

As configurações do painel Network que eu uso em todas as auditorias do Core Web Vitals

Por que o atraso de 28 dias do Core Web Vitals é um mito

Os dados do CrUX têm dois dias, não 28. Veja o que a janela contínua de 28 dias realmente significa.

Melhore a Interaction to Next Paint abandonando a rolagem via JavaScript

Crie uma bela experiência de rolagem suave que não afeta os Core Web Vitals

O script GRATUITO de otimização de pagespeed como último recurso

Acelere sua página incorrigível com este método de último recurso para melhorar até as páginas mais lentas

Acelere a integração do Calendly

Incorpore o Calendly sem tornar o Core Web Vitals lento

Aquecedor de cache de site gratuito

Pré-aqueça o cache do seu site para acelerar o Core Web Vitals gratuitamente

Páginas com Carregamento Instantâneo usando Speculation Rules

Aprenda como melhorar o Core Web Vitals fazendo com que as páginas carreguem instantaneamente com a Speculation Rules API

Como fazer o yield para a thread principal e melhorar o INP

Use o scheduler.yield() para dividir tarefas longas e manter suas páginas responsivas

Core Web Vitals para Ecommerce: Por que Visitantes com Alta Intenção Têm a Pior Performance

Os plugins de cache desativam o cache para usuários com carrinho. Veja como resolver o abismo do TTFB.

O Checklist Definitivo das Core Web Vitals (2026)

Todas as otimizações que você deve verificar ao melhorar o desempenho de LCP, INP e CLS

Layout Shift causado por transições CSS

Aprenda a encontrar e remover transições CSS que criam layout shifts

Page Speed com Orçamento Limitado: As Otimizações Que Mais Importam

Aprenda como melhorar os Core Web Vitals com estratégias adequadas ao seu orçamento

Quando o preload de stylesheets (não) faz sentido

Por que fazer o preload do seu CSS geralmente não ajuda, e o único caso em que ajuda

Adiar o jQuery no WordPress

Aprenda como adiar o jQuery no WordPress para obter mais pagespeed

O Argumento para Limitar Scripts de Analytics e Rastreamento

Como scripts de analytics e rastreamento afetam seus Core Web Vitals e o que fazer a respeito

Imagens de fundo são do mal

Por que imagens de fundo prejudicam suas Core Web Vitals e como substituí-las

Browser Reflow: O que o aciona e como afeta os Core Web Vitals

O reflow recalcula as posições dos elementos e bloqueia a thread principal. Aprenda o que o aciona, como detectá-lo e como preveni-lo.

Auto-hospede fontes do Google para melhores Core Web Vitals

Aprenda como auto-hospedar fontes do Google e otimizá-las para melhores Core Web Vitals

JavaScript no Head vs Footer: Como Isso Afeta os Core Web Vitals

Por que o defer no head é a melhor prática moderna, e quando o posicionamento no footer ainda faz sentido

JavaScript Defer vs Async e como isso afeta os Core Web Vitals

Aprenda quando usar async e quando usar defer no JavaScript para obter os melhores resultados nos Core Web Vitals

Adie scripts até que sejam necessários

Carregue JavaScript sob demanda usando IntersectionObserver e gatilhos de interação do usuário

Corrigir 'Reduza o JavaScript não utilizado' no Lighthouse

Encontre e remova JavaScript não utilizado para melhorar suas Core Web Vitals

Não Existe uma Pontuação do Core Web Vitals (e Por Que Isso Importa)

Por que uma pontuação do Lighthouse não é uma pontuação do Core Web Vitals, e o que realmente determina se você passa ou falha

Widget de Chat com Core Web Vitals Perfeitos

Carregue widgets de chat sem perder o PageSpeed

Você deve usar preconnect para redes de anúncios? Depende do seu LCP

Usar preconnect para redes de anúncios pode prejudicar ou ajudar. Tudo depende se a imagem do seu LCP já está otimizada.

Otimize imagens para Core Web Vitals

"Aprenda como as imagens afetam as Core Web Vitals e como otimizá-las

Corrija o Layout Shift causado pelo dimensionamento automático de imagens

Imagens com largura e altura automáticas causarão um Layout Shift. Aprenda como corrigir isso

Core Web Vitals Visualizer: Extensão Gratuita do Chrome para Depuração de CWV

Uma extensão gratuita do Chrome que cria uma sobreposição em tempo real das suas Core Web Vitals, desenvolvida para desenvolvedores que depuram o desempenho sem abrir o DevTools.

Lento por Engano vs Lento por Design: Um Framework de Web Performance

Como categorizar problemas de performance ajuda você a consertar as coisas certas primeiro

Adie imagens de fundo para um Core Web Vitals mais rápido

Adie ou faça lazy load de imagens de fundo para um Largest Contentful Paint mais rápido

16 métodos para adiar ou agendar JavaScript

Aprenda como adiar e agendar JavaScript

Corrija Largest Contentful Paint image was lazily loaded no Lighthouse

Aprenda como corrigir o aviso do Lighthouse 'Largest Contentful Paint image was lazily loaded'

Interaction to Next Paint (INP): O Que É, Como Medir e Melhorar

O guia completo para entender, medir e otimizar a Interaction to Next Paint, a Core Web Vital que mede a responsividade da página

Corrija Scripts de Terceiros no Next.js para Melhores Core Web Vitals

Corrija problemas de Core Web Vitals causados por scripts de terceiros no Next.js

Meça os Core Web Vitals no Next.js: Guia de Configuração de RUM

Configure o Real User Monitoring para Core Web Vitals no Next.js (App Router e Pages Router)

Remova o CSS de Bloqueio de Renderização no Next.js para Melhores Core Web Vitals

Remova o CSS de bloqueio de renderização no Next.js para Core Web Vitals mais rápidos

A Cloudflare corrigiu seu script de ofuscação de e-mail (eu posso ter causado isso)

O script de ofuscação de e-mail da Cloudflare costumava bloquear a renderização. Um PM na Cloudflare leu este artigo e lançou a correção. Os problemas de SEO e segurança ainda valem a pena ser evitados.

Corrija hero images lentas e os Core Web Vitals

Melhore o Largest Contentful Paint acelerando hero images lentas

O que é Cumulative Layout Shift (CLS) e como corrigi-lo

O guia definitivo para encontrar, medir e corrigir o Cumulative Layout Shift para o seu site

103 Early Hints: Faça o Preload de Recursos Críticos Durante o Tempo de Processamento do Servidor

Use o tempo de processamento do servidor para fazer o preload da sua imagem LCP e CSS crítico antes que a página esteja pronta

Como reduzi meu LCP em 70%

Aprenda métodos avançados para melhorar os Core Web Vitals

Fazer preload da imagem do Largest Contentful Paint

Aprenda como melhorar os Core Web Vitals fazendo o preload da imagem LCP

Adiar Formulários da HubSpot: Corrija o Render Blocking Sem Editar Páginas

Uma correção rápida para scripts de formulário da HubSpot que causam render-blocking

Corrigir o aviso 'Eliminate render-blocking resources' do Lighthouse

Livre-se dos recursos que bloqueiam a renderização e melhore os Core Web Vitals

Corrija 'Adiar imagens fora da tela': Guia de Lazy Loading para Core Web Vitals

Adie imagens fora da tela e melhore os Core Web Vitals

Core Web Vitals Perfeitos para o YouTube

Aprenda como incorporar vídeos do YouTube sem perder PageSpeed

First Contentful Paint (FCP): O Que É, Como Medir e Corrigir

Aprenda o que o First Contentful Paint mede, por que não é um Core Web Vital e 15 técnicas comprovadas para fazer suas páginas renderizarem mais rápido