Core Web Vitals: o que é cada métrica (LCP, INP e CLS)
A pergunta mais simples é o que é Core Web Vitals: é o conjunto de três métricas que o Google criou para medir a experiência de quem abre uma página, documentadas pelo próprio Google no web.dev. Cada uma mede uma parte diferente do que o visitante sente ao navegar:
- LCP (Largest Contentful Paint): o tempo até o maior elemento visível da tela — geralmente uma imagem, um banner ou o título principal — terminar de carregar. Meta: abaixo de 2,5 segundos.
- INP (Interaction to Next Paint): o tempo entre um clique, toque ou digitação e a tela responder a essa ação. Meta: abaixo de 200 milissegundos.
- CLS (Cumulative Layout Shift): mede a estabilidade visual da página — o quanto os elementos se deslocam enquanto ela carrega, como o botão que pula de lugar porque uma imagem acabou de aparecer. Meta: abaixo de 0,1.
As três juntas respondem a uma pergunta simples sobre a experiência do usuário: o site carrega rápido, reage rápido e fica no lugar? Página lenta, que demora para reagir ao toque ou que empurra o texto enquanto carrega reprova nas Core Web Vitals, mesmo que o conteúdo esteja certo.
marcenariaexemplo.com.br
Por que Core Web Vitals importa para quem vende serviço local
Quem já pesquisou o que são Core Web Vitals sabe que elas envolvem LCP, INP e CLS; o que poucos donos de empresa local conectam é o motivo de isso importar para quem vende serviço. A maior parte da busca por serviço local acontece no celular, muitas vezes com o cliente decidindo rápido: o encanador que vai atender o vazamento, a loja de tinta que vai calcular o metro quadrado, a demolidora que vai orçar a obra. Nesse momento, site lento não é só desconforto — é cliente saindo da página antes de ver o telefone ou o formulário de contato.
O Google trata essa experiência como fator de ranqueamento: entre dois sites com conteúdo parecido, o que carrega mais rápido e reage melhor ao toque tende a aparecer na frente. Para empresa de serviço, isso soma dois problemas num só: menos posição no Google e menos gente completando o contato na página, mesmo entre quem chega até ela.
Como medir Core Web Vitals do seu site
Dá para medir Core Web Vitals sem contratar ninguém, com duas ferramentas gratuitas do próprio Google:
- PageSpeed Insights: cole o endereço do site em pagespeed.web.dev e veja o LCP, o INP (ou o tempo de resposta estimado) e o CLS, separados por celular e computador. É o caminho mais rápido para checar uma página isolada.
- Google Search Console: no menu Experiência, o relatório de Core Web Vitals agrupa todas as URLs do site em "Boa", "Precisa melhorar" ou "Baixa", a partir do que usuários reais sentiram, não de um teste único. O guia sobre Google Search Console explica cada relatório da ferramenta.
Rode o teste sempre na versão mobile: é ali que a maior parte do cliente de serviço local chega, e é ali que a maioria dos problemas aparece primeiro. Quem quer um primeiro diagnóstico rápido, sem abrir conta em nada, pode usar o teste de velocidade do site da própria Rankup.
As causas mais comuns de site lento (e de CLS alto)
Antes de corrigir, vale saber o que costuma causar nota baixa. As cinco causas mais comuns em site de empresa pequena:
| Causa | Métrica mais afetada | Exemplo comum |
|---|---|---|
| Imagem pesada, sem compressão | LCP | Foto de obra ou de produto publicada direto da câmera, sem redimensionar |
| Fonte ou script de terceiro carregando antes do conteúdo | LCP e INP | Chat, pixel de anúncio ou vídeo embutido no topo da página |
| Imagem ou banner sem tamanho reservado no código | CLS | Logo ou foto que "empurra" o texto quando termina de carregar |
| Hospedagem compartilhada sobrecarregada | LCP | Site que demora mais nos horários de pico de acesso |
| Pop-up ou banner de cookie mal configurado | INP e CLS | Elemento que aparece por cima do conteúdo e desloca o restante |
Site com histórico de muitas trocas de tema ou plugin acumula esses problemas sem que o dono perceba: cada mudança soma peso, e a velocidade de carregamento cai pouco a pouco, não de uma vez.
Como melhorar o LCP, o INP e o CLS na prática
Como melhorar Core Web Vitals depende de qual das três métricas está pior, mas a maioria dos sites de empresa pequena resolve a maior parte do problema com estes passos:
- Comprima e redimensione imagens antes de subir ao site; é a correção que mais abaixa o LCP, principalmente em site com fotos de obra, de produto ou da loja.
- Reserve o espaço de imagens e banners no código, com largura e altura definidas, para eles não empurrarem o texto quando terminam de carregar — a correção direta do CLS.
- Carregue chat, pixel e vídeo depois do conteúdo principal, não antes dele: scripts de terceiro que disputam atenção com o conteúdo são a causa mais comum de INP alto.
- Revise pop-up e banner de cookie: se cobrem o conteúdo ou aparecem com atraso, trocam de lugar o que o visitante já estava lendo.
- Avalie a hospedagem quando a correção técnica melhora pouco: hospedagem compartilhada e sobrecarregada tem limite de quanto dá para otimizar por cima.
Depois de cada ajuste, meça de novo no PageSpeed Insights: o retorno é rápido de ver num teste isolado, mas o relatório de Core Web Vitals no Google Search Console, que usa dado de visitante real, demora algumas semanas para refletir a melhora.
Core Web Vitals e SEO local: por que isso também é sobre posição
O Google indexa e ranqueia pelo mobile-first: a versão do site que ele usa como referência para decidir a posição é a que carrega no celular, não a de computador. Isso faz da velocidade um sinal direto de SEO local, junto com perfil da empresa, avaliações e conteúdo por região.
Na prática, duas empresas com página de serviço parecida, mesma região e mesma categoria podem disputar a mesma posição no Local Pack, e a que carrega mais rápido no celular tem uma vantagem que o conteúdo sozinho não cobre. É por isso que o SEO técnico entra antes do conteúdo em qualquer otimização de sites bem feita: sem essa base, o resto do trabalho rende menos.
Exemplo prático: três empresas e três causas diferentes
A Demolidora Exemplo (demolidoraexemplo.com.br) publicava fotos de obra direto da câmera do celular, sem comprimir: o LCP da página de serviço passava de 6 segundos no mobile. Depois de redimensionar e comprimir as imagens, a página caiu para menos de 2,5 segundos, dentro da meta.
A Pinta Exemplo (pintaexemplo.com.br) tinha um banner de promoção que aparecia com atraso e empurrava toda a cartela de cores para baixo: CLS alto, e cliente reclamando de clicar no botão errado. Reservar o espaço do banner no código resolveu sem precisar trocar o site inteiro.
Já a Hidráulica Exemplo (hidraulicaexemplo.com.br) carregava um chat de atendimento e um pixel de anúncio antes do conteúdo da página de orçamento: o INP ficava perto de 500 milissegundos, bem acima da meta. Adiar o carregamento desses dois scripts para depois do conteúdo principal trouxe o INP para dentro da faixa recomendada.
Três causas diferentes, três correções pontuais — nenhuma das três precisou refazer o site do zero.
O que fazer amanhã: checklist de Core Web Vitals
Para quem quer começar sem esperar o próximo projeto de site, o checklist para abrir amanhã:
- Testar a página mais importante do site no PageSpeed Insights, na versão mobile.
- Anotar o LCP, o INP (ou o tempo de resposta) e o CLS dessa página.
- Comprimir as imagens mais pesadas da página, começando pela primeira que aparece na tela.
- Checar se algum banner, imagem ou pop-up empurra o conteúdo ao carregar.
- Adiar chat, pixel e vídeo embutido para depois do conteúdo principal, se o site permitir essa configuração.
- Abrir o relatório de Core Web Vitals no Google Search Console e separar mobile de computador.
- Repetir o teste depois de cada ajuste, para confirmar que a métrica melhorou.
Esse checklist resolve o que dá para ajustar sozinho. Quando o relatório mostra mais problema do que tempo disponível, ou quando a correção pede mexer na estrutura do site, a agência de SEO local da Rankup parte da auditoria SEO gratuita, mede o Core Web Vitals do seu site e entrega o plano de ação em 3 dias.
