Core Web Vitals explicado: o que realmente afeta ranqueamento (e o que é mito)
Entenda LCP, INP e CLS na prática, por que performance ajuda SEO sem garantir ranking sozinha e quais ajustes realmente melhoram a experiência do site.
Core Web Vitals virou um daqueles termos que aparecem em relatório, proposta de SEO e auditoria de site como se fosse uma resposta simples: se melhorar os números, o Google sobe a página. Na prática, é mais útil tratar o assunto com menos promessa e mais diagnóstico.
As métricas são importantes porque medem experiência real de uso: carregamento percebido, resposta aos cliques e estabilidade visual. Mas elas não substituem conteúdo, intenção de busca, autoridade, indexação correta e estrutura técnica básica. Um site rápido pode continuar invisível se o Google não entende a página, e um site com bom conteúdo pode perder força se a experiência for ruim em celulares e conexões reais.
As três métricas que importam hoje
Core Web Vitals não é a nota geral do PageSpeed. Hoje, o conjunto está centrado em três métricas: LCP, INP e CLS. Cada uma olha para um tipo diferente de atrito que o visitante sente.
| Métrica | O que mede | O problema típico |
|---|---|---|
| LCP | Quando o maior elemento visível da página termina de carregar. | Imagem pesada, servidor lento ou renderização bloqueada. |
| INP | Quanto tempo a página leva para responder às interações. | JavaScript demais travando clique, menu, formulário ou filtro. |
| CLS | Quanto o layout pula de forma inesperada durante o carregamento. | Banner, fonte, imagem ou anúncio entrando sem espaço reservado. |
LCP: o usuário viu o conteúdo principal?
LCP significa Largest Contentful Paint. Em termos simples: é o momento em que o principal bloco visual da tela aparece carregado. Em uma home, pode ser o título com imagem de destaque. Em uma landing page, pode ser o hero. Em um artigo, pode ser o cabeçalho do conteúdo.
Quando o LCP está ruim, o visitante sente que o site demora para "começar". Não adianta o rodapé carregar rápido se o bloco que explica a oferta fica preso esperando imagem grande, fonte externa, JavaScript bloqueante ou resposta lenta do servidor.
O que costuma mover essa métrica: comprimir e dimensionar imagens, servir formatos modernos quando possível, priorizar o elemento principal da primeira dobra, reduzir CSS e JavaScript que bloqueiam a renderização e usar hospedagem/CDN compatível com o tráfego real do site.
INP: o site responde quando alguém tenta usar?
INP significa Interaction to Next Paint. Ele mede a responsividade da página quando a pessoa interage: clique em botão, abertura de menu, digitação, filtro, aba, carrinho, formulário. Essa métrica substituiu o FID como Core Web Vital em 2024 porque olha para mais interações, não só para a primeira.
É comum o site "parecer carregado", mas travar quando alguém tenta usar. O layout está na tela, o botão aparece, só que o navegador está ocupado executando script pesado. Para o visitante, isso não é detalhe técnico: é a sensação de que o site está quebrado.
O que costuma melhorar INP: reduzir JavaScript desnecessário, quebrar tarefas longas, adiar scripts de terceiros, evitar bibliotecas pesadas para interações simples e cuidar para que formulários, menus e filtros respondam primeiro ao usuário antes de fazer trabalho secundário.
CLS: a página fica parada ou pula?
CLS significa Cumulative Layout Shift. Ele mede estabilidade visual. Se o visitante vai clicar em um botão e, no meio do caminho, uma imagem, fonte, banner ou anúncio empurra tudo para baixo, o CLS acusa esse deslocamento inesperado.
Esse tipo de problema passa despercebido em revisão rápida no desktop, mas aparece muito em celular, conexão lenta e páginas com anúncios ou embeds. Além de prejudicar a métrica, quebra confiança: a pessoa sente que a interface não está sob controle.
O que costuma resolver: reservar dimensões para imagens e anúncios, evitar inserir conteúdo acima do que já está visível, controlar o carregamento de fontes e testar a primeira dobra em telas menores, não só no monitor do desenvolvedor.
O mito da nota 100 no PageSpeed
A nota do PageSpeed é útil como alerta, mas não é a meta final. Um site pode tirar uma nota bonita em laboratório e ainda ter problema em campo, porque usuários reais acessam por aparelhos diferentes, redes instáveis e caminhos de navegação que o teste automático não reproduz por completo.
O inverso também acontece: uma página pode não ter nota perfeita e ainda entregar uma experiência boa para o público real. O objetivo não é transformar relatório em troféu. É descobrir quais gargalos impedem a pessoa de ler, clicar, comparar, preencher formulário ou pedir orçamento.
Performance ajuda SEO, mas não resolve SEO sozinha
Core Web Vitals entram no tema de experiência de página. Isso importa para busca, especialmente quando duas páginas têm conteúdo parecido e uma delas oferece uma experiência claramente melhor. Mas performance não compensa página sem intenção clara, conteúdo raso, título ruim, HTML difícil de rastrear ou problema de indexação.
Se o site nem aparece no Google, comece pelo básico técnico: renderização do conteúdo, title e meta description, HTTPS, sitemap, robots e estrutura de páginas. O artigo Por que meu site não aparece no Google? cobre esses erros de base. Core Web Vitals vem como uma camada mais técnica depois disso.
O que realmente move o ponteiro
Em projetos reais, as melhorias mais consistentes costumam vir de três frentes: imagem, JavaScript e infraestrutura. Não é glamouroso, mas é onde o site normalmente perde tempo de verdade.
- Imagem: arquivo menor, dimensões corretas, prioridade para a imagem principal e nada de carregar imagem gigante para exibir pequena.
- JavaScript: menos código bloqueando a interface, menos script de terceiro sem critério e interações importantes respondendo rápido.
- Hospedagem e CDN: resposta inicial estável, cache bem configurado e distância menor entre servidor e visitante.
O erro comum é começar pelo ajuste cosmético: remover uma animação leve, trocar uma cor, cortar um detalhe visual. Às vezes ajuda, mas raramente é isso que derruba LCP, INP ou CLS. Primeiro encontre o gargalo real; depois simplifique.
Como olhar para o relatório sem se perder
Em vez de perguntar "como chego em 100?", faça três perguntas:
- O conteúdo principal aparece rápido para quem visita?
- Os cliques, menus e formulários respondem sem atraso perceptível?
- A página fica visualmente estável enquanto carrega?
Se uma dessas respostas for não, você já sabe onde investigar. Core Web Vitals é útil justamente por transformar sensação ruim em pista técnica. Só não deve virar uma promessa mágica de ranqueamento, porque busca é mais ampla do que performance.
Quer aplicar isso num projeto real?
A Alta Cloud constrói e sustenta infraestrutura em nuvem para negócios reais — do primeiro deploy à operação contínua.
