Desde que o Google incorporou as Core Web Vitals como fator oficial de ranqueamento, ignorá-las virou luxo que ninguém pode pagar. Elas medem, na prática, se o seu site oferece uma boa experiência para o usuário durante o carregamento e a interação.
Neste guia, você vai entender o que são Core Web Vitals, quais métricas compõem esse conjunto e como otimizá-las para melhorar tanto a experiência do visitante quanto suas posições no Google.
O que são Core Web Vitals
As Core Web Vitals são um subconjunto das métricas do Web Vitals, uma iniciativa do Google para padronizar sinais essenciais de UX. Elas focam em três dimensões críticas: carregamento, interatividade e estabilidade visual.
O objetivo é responder a uma pergunta simples: “esse site é agradável de usar?”. Quando as respostas são boas, o Google recompensa com posições melhores. Quando são ruins, o site perde visibilidade.
As três métricas principais
LCP (Largest Contentful Paint)
O LCP mede quanto tempo leva para o maior elemento visível na tela ser renderizado. Normalmente é uma imagem grande, um vídeo ou um bloco de texto. Ele indica ao usuário que a página “chegou”.
- Bom: menor que 2,5 segundos.
- Precisa melhorar: entre 2,5s e 4s.
- Ruim: acima de 4 segundos.
INP (Interaction to Next Paint)
Em 2024, o Google substituiu o FID (First Input Delay) pelo INP. Ele mede o tempo entre uma interação do usuário (clique, toque, teclado) e a próxima resposta visual da página.
- Bom: menor que 200ms.
- Precisa melhorar: entre 200ms e 500ms.
- Ruim: acima de 500ms.
CLS (Cumulative Layout Shift)
O CLS mede a estabilidade visual da página. Sabe quando você vai clicar num botão e ele “pula” porque um anúncio carregou? Isso conta contra o CLS.
- Bom: menor que 0,1.
- Precisa melhorar: entre 0,1 e 0,25.
- Ruim: acima de 0,25.
Como medir suas Core Web Vitals
Existem várias ferramentas gratuitas para você acompanhar essas métricas:
- Google PageSpeed Insights: analisa uma URL específica com dados de campo e laboratório.
- Google Search Console: aba “Experiência na página” mostra o estado geral do site.
- Lighthouse (Chrome DevTools): auditoria detalhada com sugestões acionáveis.
- Web Vitals Extension: mede em tempo real enquanto você navega.
O ideal é combinar dados de campo (usuários reais) com dados de laboratório (testes sintéticos). O Search Console é indispensável para monitorar o site inteiro ao longo do tempo.
Como otimizar o LCP
Melhorar o LCP passa por acelerar tanto o servidor quanto o carregamento dos assets principais. Táticas eficazes:
- Use um CDN para servir conteúdo estático mais próximo do usuário.
- Otimize a imagem principal: formato moderno (WebP/AVIF), compressão e dimensionamento correto.
- Aplique preload na imagem principal e nas fontes críticas.
- Reduza tempo de resposta do servidor (TTFB) com cache e hosting decente.
- Minifique CSS e JavaScript críticos.
Como otimizar o INP
O INP costuma sofrer com JavaScript pesado bloqueando a thread principal. Para melhorá-lo:
- Reduza a quantidade de JavaScript executado no carregamento.
- Adote code splitting e lazy loading para scripts não críticos.
- Diferencie scripts com defer e async.
- Evite tarefas longas (long tasks) na thread principal.
- Use Web Workers para operações pesadas.
Como otimizar o CLS
Layout shifts inesperados vêm de imagens sem dimensões definidas, anúncios injetados dinamicamente e fontes que causam FOUT/FOIT. Como resolver:
- Sempre defina width e height em imagens.
- Reserve espaço para anúncios e embeds antes deles carregarem.
- Use font-display: swap ou preload para fontes web.
- Evite inserir conteúdo acima do já visível pelo usuário.
Outros indicadores relacionados
Além das três Core Web Vitals, o Google observa outras métricas complementares que também influenciam SEO:
- TTFB (Time to First Byte): velocidade do servidor.
- FCP (First Contentful Paint): primeiro elemento renderizado.
- TBT (Total Blocking Time): tempo que a thread principal fica bloqueada.
Melhorar essas métricas reflete positivamente nas Core Web Vitals principais.
Prioridade: mobile primeiro
Como o Google indexa em modo mobile-first, as Core Web Vitals são avaliadas principalmente na versão móvel do seu site. É comum um site ter métricas boas no desktop e péssimas no celular. Sempre teste primeiro no mobile.
Erros que travam suas métricas
Alguns erros comuns que estão minando as Core Web Vitals de milhares de sites:
- Hospedagem barata e lenta.
- Temas WordPress pesados e mal codificados.
- Plugins em excesso, muitos redundantes.
- Imagens gigantes sem otimização.
- JavaScript de terceiros descontrolado (pixels, chats, pop-ups).
- Ausência de cache.
Um plano de ação em 5 passos
- Rode uma auditoria completa no PageSpeed Insights.
- Identifique quais métricas estão em vermelho ou amarelo.
- Ataque primeiro o LCP, que costuma ser o mais impactante.
- Reduza JS de terceiros para melhorar INP.
- Corrija problemas de estabilidade visual para zerar o CLS.
Refaça a auditoria após 30 dias e compare os resultados.
Impacto no ranqueamento
As Core Web Vitals sozinhas não vão levar seu site do zero ao topo do Google, mas fazem diferença clara no desempate. Entre dois conteúdos igualmente bons, o mais rápido e estável vai ranquear melhor.
Além disso, sites com boa performance têm maior taxa de conversão, menor rejeição e mais tempo de sessão — sinais indiretos que também favorecem SEO.
Conclusão: performance é experiência
Trabalhar as Core Web Vitals não é frescura técnica: é entregar uma experiência decente para quem visita seu site. E o Google sabe muito bem que usuário feliz volta, e usuário que volta melhora todos os seus indicadores.
Para aprofundar em outros aspectos de otimização, confira nossos artigos sobre SEO e conheça mais sobre nossos serviços na página sobre.