Existe uma pergunta que eu já li muito por aí: “quantos clientes você já perdeu por conta do carregamento do seu site?”. A resposta, na maioria das vezes, está escondida em alguns milissegundos a mais de carregamento, em um botão que trava na hora do clique ou naquele banner que empurra o texto para baixo quando o usuário está prestes a ler.
Esses detalhes, que parecem invisíveis, são medidos por um conjunto de métricas chamado Core Web Vitals. E, desde que o Google passou a tratá-los como fator de ranqueamento, eles deixaram de ser assunto exclusivo de desenvolvedores para se tornarem prioridade de qualquer profissional de marketing que leva o orgânico a sério.
Nos últimos anos, eu vi empresas saltarem posições, recuperarem tráfego perdido e até dobrarem conversão depois de um trabalho bem feito em performance/SEO. Também vi o contrário: sites lindos, com conteúdo excelente, sendo superados por concorrentes tecnicamente melhores.
Por isso, decidi reunir neste guia tudo o que você precisa saber sobre Core Web Vitals em 2026, da explicação mais simples às estratégias que eu aplico no dia a dia com meus clientes.
O que são Core Web Vitals
Core Web Vitals são um conjunto de três métricas criadas pelo Google para medir a experiência real de quem acessa o seu site. Elas fazem parte de um grupo maior chamado Page Experience, que também considera segurança (HTTPS), compatibilidade com dispositivos móveis e ausência de anúncios intrusivos.
A ideia é simples: o Google quer entregar, para quem pesquisa, páginas que não apenas respondam à dúvida, mas que também sejam agradáveis de usar. Um site que demora cinco segundos para carregar a imagem principal, trava quando o usuário clica em um botão ou muda de posição enquanto a pessoa tenta ler não tem uma boa experiência. Simples assim.
Em março de 2024, o Google fez a maior atualização nesse conjunto de métricas desde a sua criação: substituiu o FID (First Input Delay) pelo INP (Interaction to Next Paint). Essa mudança, que pegou muita gente desprevenida, é o grande marco da performance web nos últimos anos e é nela que eu vou me aprofundar neste artigo.
As três métricas que compõem os Core Web Vitals
Para dominar o assunto, é preciso entender o que cada sigla representa, como é medida e qual é o valor considerado bom pelo Google.
LCP (Largest Contentful Paint)
O LCP mede o tempo que o maior elemento visível da página leva para aparecer na tela. Na prática, costuma ser a imagem principal de um artigo, o banner de um e-commerce ou o bloco de texto de destaque de uma landing page.
Os parâmetros oficiais do Google são:
- Bom: até 2,5 segundos
- Precisa melhorar: entre 2,5 e 4 segundos
- Ruim: acima de 4 segundos
O LCP é a métrica que mais costuma ficar no vermelho quando eu recebo um site novo para auditar. Imagens pesadas, servidor lento e excesso de scripts bloqueando a renderização são os vilões de sempre.
INP (Interaction to Next Paint)
Essa é a métrica mais recente e, ao mesmo tempo, a mais incompreendida. O INP mede a capacidade de resposta do seu site. Ele analisa todas as interações do usuário durante a visita (cliques, toques, uso do teclado) e registra a pior delas. É como se o Google dissesse: “quero saber o pior momento de lentidão que seu visitante viveu aqui”.
Os valores considerados saudáveis são:
- Bom: até 200 milissegundos
- Precisa melhorar: entre 200 e 500 milissegundos
- Ruim: acima de 500 milissegundos
O INP costuma ser afetado por JavaScript mal otimizado, scripts de terceiros (pixels de remarketing, widgets de chat, ferramentas de heatmap) e tarefas longas na thread principal do navegador. Se o seu site usa muitos plugins no WordPress, olhe com carinho para essa métrica.
CLS (Cumulative Layout Shift)
O CLS mede a estabilidade visual da sua página. Ele calcula o quanto os elementos se movem sozinhos durante o carregamento. Imagine aquele momento em que você vai clicar em um botão e, de repente, um anúncio aparece e empurra tudo para baixo. Esse tipo de comportamento derruba o CLS.
Os valores de referência são:
- Bom: até 0,1
- Precisa melhorar: entre 0,1 e 0,25
- Ruim: acima de 0,25
Diferente das outras duas, o CLS não é medido em tempo, mas em uma pontuação que reflete o deslocamento acumulado dos elementos na tela.
Por que Core Web Vitals impacta o seu SEO e as suas vendas?
Existe uma confusão comum por aí: algumas pessoas acham que Core Web Vitals só servem para melhorar o ranqueamento. Outras dizem que a métrica mal mexe o ponteiro das buscas. A verdade está no meio.
O Google confirmou, desde a atualização Page Experience, que esses indicadores são fator de ranqueamento em sites que competem entre si com conteúdo de qualidade parecida. Ou seja, quando dois artigos respondem bem à mesma pergunta, o mais rápido e estável tende a levar vantagem. Você pode conferir a documentação oficial no Google Search Central.
Mas o impacto mais brutal, na verdade, vem da conversão. A Portent, em um estudo bastante citado no mercado, mostrou que páginas que carregam em um segundo convertem até três vezes mais do que páginas que carregam em cinco segundos. A Deloitte, em parceria com o Google, encontrou ganhos de receita de até 8,4% em e-commerces que reduziram o tempo de carregamento em apenas 0,1 segundo. São dados que você pode explorar em profundidade no relatório Milliseconds Make Millions.
Traduzindo para o dia a dia: o Core Web Vitals ruim faz o Google te colocar mais atrás e, mesmo quando o usuário chega, faz ele sair antes de comprar, assinar ou clicar no seu CTA. É uma dupla penalidade silenciosa.
Como medir Core Web Vitals
Não dá para otimizar o que você não mede. Felizmente, o Google disponibiliza um arsenal gratuito de ferramentas. Essas são as que eu uso em todas as consultorias.
PageSpeed Insights
É a ferramenta mais popular e também a mais equilibrada, porque mistura dados reais de usuários (coletados do Chrome UX Report) com uma análise simulada via Lighthouse. Digite a URL em pagespeed.web.dev e você recebe uma fotografia completa da performance.
Google Search Console
No menu “Experiência”, existe um relatório de Core Web Vitals que mostra como as suas páginas estão performando no geral, agrupadas por problema. É onde eu começo toda auditoria, porque ele usa dados reais do campo.
Chrome UX Report (CrUX)
Essa é a base de dados que alimenta as demais ferramentas. Se você gosta de BigQuery ou Looker Studio, dá para cruzar CrUX com métricas de negócio e encontrar correlações muito interessantes.
Web Vitals Extension
É uma extensão oficial do Google para Chrome. Você instala, abre qualquer página e ela mostra as três métricas em tempo real enquanto você navega. Excelente para testar jornadas específicas.
Lighthouse
Integrado ao DevTools do Chrome, é ótimo para debug pontual e simulações antes de ir para produção.
Estratégias práticas para otimizar cada métrica
Vou compartilhar aqui o caminho que eu percorro com meus clientes. Organizei por métrica para ficar mais fácil de aplicar, mas saiba que, na prática, muitas otimizações atingem mais de um indicador ao mesmo tempo.
Otimizando o LCP
Comece pela imagem hero. Se o maior elemento da sua dobra superior é uma foto, comprima-a, sirva em formatos modernos como WebP ou AVIF e defina explicitamente as dimensões. Ferramentas como Squoosh e TinyPNG resolvem bem em projetos pequenos. Para volumes maiores, vale investir em um CDN com transformação de imagens, como Cloudflare Images ou Imgix.
Em seguida, ataque o servidor. Se o seu site roda em WordPress, verifique o TTFB (Time to First Byte). Hospedagens compartilhadas ruins costumam entregar TTFB acima de 800 ms, o que por si só já compromete o LCP. Migrar para uma hospedagem dedicada ou gerenciada, com cache em disco e em RAM, costuma derrubar essa métrica de forma imediata.
Por fim, use preload em recursos críticos. Se a sua fonte principal demora para carregar, por exemplo, um simples <link rel=”preload”> já ajuda bastante.
Otimizando o INP
Aqui o jogo muda. INP é, basicamente, uma briga contra JavaScript desnecessário.
Revise os plugins e scripts de terceiros. Eu já vi sites com vinte plugins rodando em paralelo, sendo que metade só aparecia em páginas específicas. Carregar tudo em todo lugar é um atentado contra a performance. No WordPress, plugins como Perfmatters e Asset CleanUp ajudam a desativar scripts onde eles não são necessários.
Adote code splitting. Em vez de entregar um único bundle gigante, divida o JavaScript por rota ou por componente. Frameworks modernos como Next.js, Nuxt e Astro fazem isso de forma quase automática.
Considere mover tarefas pesadas para Web Workers. Quando você tem processamento intenso (validações complexas, manipulações grandes de dados), tirar esse trabalho da thread principal do navegador libera o caminho para respostas rápidas às interações do usuário.
Otimizando o CLS
Esta é, talvez, a métrica mais fácil de melhorar, mas a mais negligenciada. Sempre defina largura e altura para imagens e vídeos. Isso evita que o navegador “chute” o espaço e depois tenha que reorganizar tudo.
Reserve espaço para elementos que carregam depois. Anúncios, embeds de YouTube, widgets de redes sociais: todos eles precisam de um container com tamanho mínimo definido via CSS.
Evite inserir conteúdo acima do que já está visível. Banners de cookies, avisos promocionais e pop-ups que empurram o layout são os principais culpados de um CLS ruim. Se precisar usá-los, posicione-os como overlay (position: fixed) para que não interfiram no fluxo da página.
GEO e Core Web Vitals: a nova fronteira que ninguém está falando
Quando a gente fala de otimização para motores generativos (GEO), a conversa geralmente gira em torno de estrutura de conteúdo, clareza semântica e dados estruturados. Mas eu tenho observado algo interessante nas últimas análises: modelos de IA que rastreiam a web em tempo real, como os que alimentam o Google SGE, o ChatGPT com busca e o Perplexity, tendem a priorizar fontes que carregam rápido e entregam conteúdo acessível.
Faz sentido, se você pensar bem. Um crawler de IA tem orçamento limitado de tempo e computação. Entre duas páginas com conteúdo equivalente, ele vai preferir a que responde em 300 ms à que trava por três segundos. Em outras palavras: otimizar Core Web Vitals não é mais só sobre Google tradicional. É sobre estar visível em qualquer camada de descoberta de informação que vier pela frente.
Essa é uma das razões pelas quais eu tenho dobrado a aposta em performance com meus clientes. O ecossistema está mudando e a base técnica precisa estar sólida antes que a concorrência se dê conta.
Erros comuns que eu costumo ver por aí
O primeiro é achar que basta instalar um plugin de cache e está tudo resolvido. Cache é ponto de partida, não de chegada. Se o seu servidor é lento ou o tema é pesado, o cache só empurra o problema para o primeiro visitante.
O segundo é testar só o desktop. Mais de 60% do tráfego da web hoje vem de dispositivos móveis e o Google usa o mobile-first indexing. Se a sua versão mobile está mal, o ranqueamento inteiro está mal. Teste sempre no PageSpeed Insights na aba mobile.
O terceiro é ignorar scripts de marketing. Eu entendo que pixels, heatmaps e chatbots são importantes. Mas muitas vezes eles estão carregando síncronos, sem necessidade. Movê-los para carregamento assíncrono ou postergado resolve uma boa parte dos problemas de INP.
O quarto é otimizar uma única página e esquecer do resto do site. Core Web Vitals são avaliados em escala. Não adianta a home voar se os posts do blog travam. O Google olha o comportamento agregado e prioriza sites que entregam boa experiência de forma consistente.
Performance é invisível, até se tornar um problema
Se existe uma ideia que eu quero deixar com você depois deste guia, é a seguinte: performance é, por natureza, invisível quando está funcionando. Ninguém aplaude um site que carrega rápido, porque essa é a expectativa mínima. Mas, no momento em que algo falha, o usuário vai embora, o Google derruba a posição e as oportunidades se perdem em silêncio.
Core Web Vitals não são uma tendência passageira. Eles representam a maneira como a web está sendo medida e cobrada, tanto pelos mecanismos de busca tradicionais quanto pelas novas camadas de IA que estão surgindo. Entender essas métricas, medi-las com frequência e otimizá-las de forma contínua é o que separa os sites que crescem dos que estagnam.
No meu trabalho de consultoria, eu costumo dizer que performance é um investimento de infraestrutura com retorno em SEO, em conversão e em reputação de marca. Os três ao mesmo tempo. Poucas frentes de marketing conseguem isso.
Se você chegou até aqui, já saiu na frente. Agora é colocar a mão na massa, rodar o diagnóstico no seu site e tratar cada métrica com a atenção que ela merece. O seu tráfego (e o seu caixa) vão agradecer.
