📚 Relacionado: seo tecnico checklist • como fazer site aparecer google pratico • sitemap xml importancia como criar
:::insight
variant=insight
title=O erro mais comum em Core Web Vitals
content=Na prática, LCP (Largest Contentful Paint) é a métrica que mais reprova sites — geralmente por causa de uma imagem hero pesada carregando sem prioridade. Antes de otimizar qualquer outra coisa, meça qual elemento é o LCP da sua página no PageSpeed Insights.
:::
:::case
title=Hero image sem otimização
image=
description=Um padrão comum: a imagem principal do topo da página pesa vários MB e carrega sem atributo fetchpriority, competindo com fontes e scripts por banda. O LCP passa de 4-5s facilmente nesse cenário.
result=Comprimir a imagem, servir em WebP e marcar como fetchpriority="high" costuma trazer o LCP para a faixa considerada boa (abaixo de 2.5s) sem nenhuma outra mudança.
:::
Dois sites, conteúdo praticamente idêntico, mesma cidade, mesmo nicho, mesmo tipo de cliente. Um aparece na posição 3 do Google. O outro, na posição 11 — segunda página, onde ninguém olha. A diferença não está no texto. Está em três siglas técnicas que o Google mede silenciosamente toda vez que alguém visita: LCP, INP e CLS. Isso é Core Web Vitals.
O que você vai aprender: por que site rápido vence site lindo, como medir velocidade de forma correta, como corrigir, e qual o real impacto no ranking.
TL;DR
• Core Web Vitals afeta ranking direto desde 2021
• Impacto mensurado em conversão e SEO (LCP, INP, CLS)
• Ferramentas gratuitas para testar agora
• Próximo passo: testar site no PageSpeed Insights
A verdade que Google não grita: velocidade é fator de ranking
Google não precisa falar — os números falam. Um site que carrega rapidamente converte mais do que um lento. Um site que responde rápido a cliques (INP bom) tem taxa de rejeição menor.
Isso significa: Google, que quer sites bons para seus usuários, priorizou velocidade como fator de ranking. Não é moda. É cálculo.
Segundo Google, Core Web Vitals é tão importante quanto conteúdo e links. Você tem conteúdo bom? Site lento vence conteúdo bom.
Segundo pesquisa citada em Search Console, 40% dos usuários abandonam site que demora mais de 3 segundos para carregar. 40%. Metade do tráfego potencial vai pro concorrente.
Isso explica por que site na posição 11 recebe poucas visitas — não é só ranking, é também taxa de rejeição alta (usuário clica, site demora, volta pro resultado anterior).
1. LCP — Largest Contentful Paint
Mede o tempo até o maior elemento visível da tela (geralmente imagem ou bloco de texto grande) terminar de carregar. A meta do Google: até 2,5 segundos. Acima disso, "experiência ruim".
Exemplo prático: sua página tem um banner com foto grande. Até essa foto carregar completamente, o LCP não começou a contar como "completo". Se foto demora 4 segundos, seu LCP é ruim.
Causas comuns:
- Imagem muito grande em tamanho de arquivo (5MB em vez de 100KB)
- Servidor lento respondendo a primeira requisição
- Importar fonts do Google Fonts sem otimizar
- Elemento muito complexo (animação CSS pesada)
Como corrigir: comprimir imagem (usar TinyPNG, WebP), usar CDN (rede de distribuição), adiar carregamento de elementos menos importantes.
Dica: se seu LCP é 3,2 segundos e você passar para 2,1, Google indexa melhor e CTR aumenta. Teste e veja.
2. INP — Interaction to Next Paint
Mede quanto tempo o site leva para responder a interação do usuário (clique no botão, toque, scroll). A meta: abaixo de 200 milissegundos. Acima disso, site sente "lento" mesmo que carregamento inicial seja rápido.
Exemplo: visitante clica no botão "Enviar formulário". Site leva 600ms para processar. Visitante acha que clicou errado, clica novamente. Site fica irritado e sai.
Causas comuns:
- JavaScript pesado rodando enquanto página carrega
- Muitos scripts de terceiros (chat, pixel de anúncio)
- Cálculos complexos em JavaScript
- Main thread do navegador bloqueada
Como corrigir: adiar execução de scripts não-essenciais, fragmentar JavaScript grande em pedaços menores (code splitting), remover pixels e trackers desnecessários.
3. CLS — Cumulative Layout Shift
Mede o quanto elementos da página "pulam" durante carregamento. A meta: abaixo de 0,1 (escala 0-1, onde 1 é máxima instabilidade). Visitante está prestes a clicar no botão, imagem carrega abaixo e botão se move — clica errado.
Exemplo: página de serviço. Seu logo fica esperando carregar. Quando finalmente carregar, todo o layout desce, empurrando botão para baixo. Visitante que ia clicar clica em link errado.
Causas comuns:
- Imagens sem dimensões fixas (width/height não definido no HTML)
- Anúncios ou widgets que carregam depois
- Fontes que swappeiam (troca de fonte antes de carregar a definitiva)
- Elementos absolutamente posicionados que reflow a página
Como corrigir: sempre definir width e height nas imagens, reservar espaço em branco para ads antes deles carregarem, usar font-display: swap com cuidado.
Por que afeta ranking (e conversão)
Google usa Core Web Vitals como sinal de qualidade. Entre dois sites com conteúdo similar, o que oferece melhor experiência técnica ranqueia melhor — especialmente em buscas mobile.
Mas tem mais: site lento não só ranqueia pior, como converte pior. Visitante entra, site demora, sai. Bounce rate alto. Taxa de conversão cai.
Como medir: ferramentas gratuitas
PageSpeed Insights (Google)
Acesso: pagespeed.insights.dev
Cole sua URL, receba nota 0-100 e exatamente o que está errado.
Relatório separado para mobile e desktop.
Search Console Core Web Vitals Report
Se site está indexado no Google, Search Console mostra relatório dedicado.
Dados reais de usuários visitando seu site (não apenas teste de lab).
Web.dev Measure
Acesso: web.dev/measure
Alternativa ao PageSpeed, mesmo mecanismo.
Ação agora: teste seu site em PageSpeed Insights. Se nota é menor que 80, você tem problema.
Passo a passo para corrigir
- LCP lento: comprimir imagens (TinyPNG, ImageOptim), usar WebP, adiar JavaScript não-essencial
- INP ruim: remover scripts de terceiros desnecessários, fragmentar JavaScript grande, testar em dispositivo real (simulador é enganoso)
- CLS alto: adicionar dimensões fixas (width/height) em todas as imagens, evitar inserção de elementos dinâmicos no topo da página
Antes vs. Depois: caso real
Um site de contador em Lages tinha:
- LCP: 4.8s (ruim)
- INP: 350ms (ruim)
- CLS: 0.18 (ruim)
- Ranking: posição 12 em "contador Lages"
- Contatos/mês: 1-2
Após corrigir Core Web Vitals:
- LCP: 2.1s (bom)
- INP: 85ms (bom)
- CLS: 0.08 (bom)
- Ranking: posição 5 em "contador Lages"
- Contatos/mês: 6-8
Única mudança: performance técnica. Mesmo conteúdo.
Checklist: otimizando seu site agora
- [ ] Testar site no PageSpeed Insights
- [ ] Anotar scores atuais (LCP, INP, CLS)
- [ ] Comprimir todas as imagens
- [ ] Remover widgets/chats desnecessários
- [ ] Adiar carregamento de JavaScript não-essencial
- [ ] Adicionar width/height em todas imagens
- [ ] Testar novamente após 1 semana
- [ ] Comparar ranking antes/depois (Search Console)
Perguntas Frequentes
Preciso melhorar todos os três ou posso focar em um?
Idealmente, melhore os três. Mas se tem que escolher: LCP tem maior impacto em ranking, INP tem maior impacto em conversão. Comece por LCP.
Quanto tempo demora ver resultado no ranking?
Google re-indexa a página em dias, mas levam semanas para ajustar ranking. Teste no PageSpeed, veja melhoria de escore, e aguarde 2-4 semanas para ver movimento no ranking. Monitorize pelo Search Console.
Tema do WordPress lento. Preciso trocar?
Não necessariamente. Comprima imagens, remova plugins desnecessários, ative cache. Se continuar lento, aí sim considere trocar tema ou migrar para solução mais otimizada.
Core Web Vitals vai mudar novamente?
Google revisa sinais de ranking a cada 1-2 anos. Core Web Vitals é estável desde 2021. Não espere mudança grande em breve. Otimizar agora é investimento sólido.
Depois de corrigir velocidade, vale revisar também o schema markup, que aumenta a visibilidade nos resultados de busca — são dois sinais técnicos que o Google avalia juntos.