Um site lento custa dinheiro. Cada segundo extra de carregamento aumenta a taxa de rejeição e reduz conversões. Além disso, o Google usa a experiência de página como um dos sinais de ranqueamento. É por isso que as core web vitals se tornaram métricas obrigatórias para quem investe em SEO e marketing digital.
Neste guia, explicamos cada métrica, mostramos como medir e listamos as otimizações que trazem mais resultado.
O que são as core web vitals
As Core Web Vitals são um conjunto de três métricas criadas pelo Google para medir a experiência real do usuário. Elas avaliam carregamento, interatividade e estabilidade visual da página.
LCP: Largest Contentful Paint
Mede quanto tempo o maior elemento visível, geralmente uma imagem de destaque ou um título, leva para aparecer. Meta: até 2,5 segundos.
INP: Interaction to Next Paint
Mede o tempo entre uma interação, como um clique, e a resposta visual da página. Desde 2024, o INP substituiu o antigo FID. Meta: até 200 milissegundos.
CLS: Cumulative Layout Shift
Mede o quanto o layout "pula" durante o carregamento. Quem já clicou no botão errado porque um anúncio empurrou o conteúdo conhece bem o problema. Meta: até 0,1.
Como medir as métricas
- PageSpeed Insights: mostra dados reais de usuários do Chrome e um diagnóstico de laboratório.
- Google Search Console: o relatório de Experiência na Página agrupa URLs com problemas.
- Lighthouse: disponível nas ferramentas de desenvolvedor do Chrome, ideal para testes durante o desenvolvimento.
- Biblioteca web-vitals: coleta as métricas dos seus próprios visitantes e envia para o Google Analytics.
Um ponto importante: o Google considera os dados de campo, ou seja, de usuários reais. Portanto, uma nota alta no Lighthouse não garante aprovação se os visitantes usam celulares lentos.
Como melhorar o LCP
- Otimize imagens: use formatos modernos, como WebP e AVIF, e dimensione cada imagem para o tamanho exibido.
- Priorize a imagem principal: aplique
fetchpriority="high"e nunca use lazy loading na imagem do topo. - Reduza o tempo de resposta do servidor: use cache de página, CDN e uma hospedagem adequada.
- Elimine recursos bloqueantes: carregue CSS crítico primeiro e adie scripts não essenciais.
Como melhorar o INP
- Reduza o JavaScript: remova bibliotecas que não são usadas e divida o código em partes menores.
- Quebre tarefas longas: funções que travam a thread principal por mais de 50 ms prejudicam a resposta.
- Controle scripts de terceiros: chats, pixels e widgets costumam ser os maiores vilões. Avalie quais realmente geram retorno.
Como melhorar o CLS
- Defina largura e altura em imagens, vídeos e iframes.
- Reserve espaço para banners, anúncios e conteúdos carregados depois.
- Carregue fontes corretamente com
font-display: swape pré-carregamento das fontes principais.
O impacto real no marketing digital
Velocidade influencia diretamente o custo das campanhas. Páginas rápidas recebem melhor índice de qualidade no Google Ads, o que pode reduzir o custo por clique. Além disso, estudos do próprio Google mostram que a probabilidade de rejeição cresce mais de 30% quando o carregamento passa de um para três segundos.
Em outras palavras, otimizar as Core Web Vitals melhora SEO, mídia paga e conversão ao mesmo tempo.
Perguntas frequentes
Core Web Vitals são fator de ranqueamento?
Sim, fazem parte dos sinais de experiência de página. Ainda assim, conteúdo relevante continua sendo o fator mais importante.
Quanto tempo leva para o Google reconhecer as melhorias?
Os dados de campo usam uma janela de 28 dias. Por isso, as mudanças aparecem gradualmente no Search Console.
Conclusão
As core web vitals traduzem em números a experiência que o visitante sente. Meça com dados reais, ataque primeiro imagens e scripts de terceiros e acompanhe a evolução no Search Console. Se o seu site precisa de uma otimização de desempenho completa, a WDS Developer pode ajudar.
