SEO

Core Web Vitals sem mistério: LCP, INP e CLS explicados

· 6 min de leitura

Core Web Vitals são três medidas que o Google usa para avaliar a experiência de quem abre uma página: LCP (quanto demora para o conteúdo principal aparecer, bom até 2,5 segundos), INP (quanto a página demora para reagir a um toque ou clique, bom até 200 milissegundos) e CLS (quanto a página pula enquanto carrega, bom até 0,1). São medidas em visitas reais, separadas entre celular e computador.

Elas contam no ranqueamento, mas o próprio Google diz que relevância vem antes: ser rápida não faz uma página rasa passar na frente de uma página útil. O motivo mais forte para cuidar delas é outro: página que demora, trava ou pula faz a pessoa desistir antes de comprar.

Os três números numa tabela

Métrica O que mede Bom Precisa melhorar Ruim
LCP Tempo até o maior elemento visível aparecer até 2,5 s até 4 s acima de 4 s
INP Tempo entre um toque e a resposta na tela até 200 ms até 500 ms acima de 500 ms
CLS Quanto o layout se mexe sozinho até 0,1 até 0,25 acima de 0,25

Dois detalhes que confundem:

  • Conta o percentil 75. Para uma página "passar", pelo menos 3 de cada 4 visitas precisam ficar na faixa boa. Não adianta o site abrir rápido no seu computador se abre devagar no celular do cliente.
  • O INP substituiu o FID em março de 2024. Se você ler um tutorial antigo falando de FID, a lógica mudou: o FID olhava só a primeira interação; o INP observa as interações ao longo da visita.

Como medir o seu site

PageSpeed Insights

Digite o endereço de uma página. O resultado vem em duas partes:

  • Dados de campo: o que visitantes reais usando o Chrome viveram nos últimos 28 dias. É isso que o Google usa. Site com pouca visita pode não ter dados suficientes, e aí essa parte aparece vazia.
  • Dados de laboratório: uma simulação feita na hora, com celular e conexão padronizados. Serve para diagnosticar e testar correções, mas não é a nota que conta.

Na simulação não existe clique de verdade, então o INP não aparece. O indicador mais próximo ali é o Total Blocking Time (TBT): se ele está alto, o INP provavelmente também está.

Search Console

Na área de experiência do Search Console fica o relatório de Core Web Vitals. Ele agrupa páginas parecidas e mostra quais estão boas, quais precisam melhorar e quais estão ruins, separando celular e computador. Se você ainda não usa a ferramenta, o texto sobre Search Console para iniciantes mostra como começar.

Teste sempre as páginas que importam: a home, a página do produto ou serviço mais vendido e a página de destino dos anúncios.

LCP: o conteúdo principal demora

O maior elemento visível costuma ser a foto de destaque, o banner ou o título grande. Os culpados mais comuns:

  1. Imagem pesada. Foto de 4 MB tirada do celular e colocada direto no site. Reduza para a largura que realmente aparece na tela e use formato moderno, como WebP ou AVIF.
  2. Imagem principal com carregamento tardio. Carregamento preguiçoso (lazy loading) é ótimo para fotos lá embaixo, mas atrasa a foto do topo. A imagem principal precisa carregar logo.
  3. Servidor lento para responder. Se o LCP é ruim mesmo com imagem leve, o problema pode ser a hospedagem, a falta de cache ou um banco de dados sobrecarregado.
  4. Fontes e arquivos que bloqueiam a página. Muitas fontes, muitos arquivos de estilo e scripts carregados no topo seguram tudo.

Carrossel no topo da página costuma piorar o LCP, porque carrega várias imagens grandes, e ainda esconde as outras mensagens atrás da primeira. Uma imagem fixa com a oferta clara resolve os dois problemas.

INP: o toque demora para responder

A pessoa toca no botão "comprar" e nada acontece por um instante. Ela toca de novo. O culpado costuma ser JavaScript demais rodando ao mesmo tempo:

  • Scripts de terceiros: chat, pixels de anúncio, pop-up de cupom, widget de avaliações, mapa de calor. Cada um parece leve; juntos, travam o celular.
  • Plugins e aplicativos acumulados na loja ou no WordPress, inclusive os que você instalou para testar e esqueceu.
  • Temas pesados, com animações e efeitos em tudo.

O que fazer: liste todos os scripts e apps instalados e pergunte, um por um, "isso trouxe venda ou informação útil nos últimos três meses?". O que não trouxe, remova. Adie o carregamento do que não precisa estar pronto no primeiro segundo, como o chat.

CLS: a página pula sozinha

Você vai tocar num link, um banner aparece em cima e você toca no lugar errado. Isso é CLS. Causas comuns:

  • Imagens e vídeos sem medida definida. O navegador não sabe quanto espaço reservar e empurra o texto quando a imagem chega. Defina largura e altura.
  • Barras e avisos que entram por cima do conteúdo, como faixa de cupom, aviso de cookies e banner de frete grátis. Reserve o espaço ou mostre como sobreposição que não empurra nada.
  • Anúncios e incorporações (posts de rede social, vídeos) sem espaço reservado.
  • Troca de fonte que muda o tamanho do texto depois que a página já apareceu.

Quanto isso pesa no Google

O Google diz que usa a experiência da página, incluindo os Core Web Vitals, nos sistemas de ranqueamento, e também diz que relevância vem primeiro. Na prática, para um site pequeno:

  • Não adianta ter nota perfeita com conteúdo que não responde a busca. O básico de como aparecer no Google vem antes.
  • Entre páginas igualmente úteis, a experiência melhor ajuda.
  • O efeito mais claro aparece na venda. Página que abre rápido e não trava segura mais gente, e isso aparece na sua taxa de conversão.

Por onde começar

  1. Rode o PageSpeed Insights na página mais importante, versão celular.
  2. Veja qual das três métricas está pior.
  3. Se é LCP, comece pela imagem do topo. Se é INP, pelos scripts e apps. Se é CLS, pelas imagens sem medida e pelos banners que entram por cima.
  4. Corrija uma coisa, rode a simulação de novo e compare.
  5. Espere algumas semanas para os dados de campo refletirem a mudança, porque eles olham os últimos 28 dias.

Se você usa plataforma pronta de loja ou de site, parte disso depende do tema e dos apps que você escolhe. Tema mais simples e menos apps costumam resolver mais do que qualquer ajuste fino.

Resumo rápido

  • Core Web Vitals são três medidas de experiência: LCP (carregamento, bom até 2,5 s), INP (resposta ao toque, bom até 200 ms) e CLS (estabilidade, bom até 0,1).
  • O limite vale para pelo menos 75% das visitas reais, separando celular e computador.
  • Meça no PageSpeed Insights e no Search Console; os dados de campo são os que valem para o Google.
  • LCP ruim costuma ser imagem pesada ou servidor lento; INP ruim, JavaScript demais; CLS ruim, elementos sem espaço reservado.
  • Contam no Google, mas relevância vem antes. O ganho mais visível é em quem fica e compra.