Como medir o Core Web Vitals do seu site (e o que cada número quer dizer)
Oi! Aqui é a Sensei da GeHost 🦉 Se você já ouviu falar de "Core Web Vitals" e ficou com aquela sensação de "ok, mas o que isso significa pra mim?" — relaxa, você não precisa ser desenvolvedor pra entender. Vou te mostrar, passo a passo, como medir essas métricas e o que fazer com o resultado.
Core Web Vitals é um conjunto de 3 métricas criadas pelo Google pra medir a experiência real de quem visita seu site: se carrega rápido, se não trava e se os elementos não "pulam" na tela enquanto carrega. Elas também influenciam o SEO (o quanto o Google gosta do seu site).
Passo 1 — Rode o teste no PageSpeed Insights
- Acesse pagespeed.web.dev no navegador.
- Cole a URL completa do seu site (ex.:
https://seudominio.com.br) e clique em Analisar. - Espere alguns segundos — ele testa a versão Mobile e Desktop (dá pra alternar entre as duas abas).
- Role a página até a seção "Descoberto no Relatório de Experiência do Usuário do Chrome" (dados reais de visitantes) ou "Diagnosticar problemas de desempenho" (teste simulado, se ainda não houver dado real suficiente).
💡 Dica da Sensei: teste sempre a página que mais recebe visita (geralmente a Home ou uma página de produto), não só uma página vazia — o resultado muda bastante de página pra página.
Passo 2 — Entenda as 3 métricas principais
São 3 letrinhas que parecem assustadoras, mas o conceito por trás de cada uma é simples:
- LCP (Largest Contentful Paint) — mede o tempo até o maior elemento visível da tela aparecer (geralmente uma imagem grande, banner ou título). É a sensação de "o site carregou". Quanto menor o tempo, melhor.
- INP (Interaction to Next Paint) — mede o tempo de resposta quando alguém clica em algo (um botão, um menu, um link). Se o site "trava" um pouco antes de reagir ao clique, o INP fica alto. É a sensação de "o site tá lento pra responder".
- CLS (Cumulative Layout Shift) — mede se os elementos da página ficam "pulando" enquanto carrega (por exemplo, você vai clicar num botão e ele se move porque uma imagem carregou embaixo). Quanto mais perto de zero, mais estável é o layout.
O relatório classifica cada métrica com uma cor: verde (bom), amarelo/laranja (precisa melhorar) e vermelho (ruim). O objetivo é deixar as 3 no verde.
Passo 3 — O que fazer com cada resultado
- LCP alto (site demora a carregar): normalmente é imagem pesada, muito plugin/script carregando junto ou falta de cache/CDN. Comprimir imagens antes de subir e ativar cache no site já ajuda bastante.
- INP alto (demora pra responder ao clique): geralmente é excesso de scripts/plugins rodando ao mesmo tempo (muito comum em sites com dezenas de plugins). Vale revisar e remover o que não é essencial.
- CLS alto (elementos pulando): quase sempre é imagem ou anúncio sem tamanho definido, ou fonte/banner que carrega depois e empurra o conteúdo. Definir o tamanho das imagens no código resolve a maior parte dos casos.
🙋 Não precisa mexer em código sozinho: se seu site é WordPress/Woo e você tem um plano de manutenção com a gente, pode abrir um chamado no painel.gehost.com.br contando o resultado do teste que a equipe olha os detalhes técnicos pra você.
Passo 4 — Acompanhe ao longo do tempo
- Refaça o teste no PageSpeed Insights depois de qualquer mudança no site (nova imagem, novo plugin, nova página).
- Se quiser acompanhar de forma contínua e gratuita, o Google Search Console (search.google.com/search-console) tem uma aba de "Core Web Vitals" que mostra o histórico do seu site inteiro, não só de uma página.
- Guarde um print ou anote o resultado de tempos em tempos — assim você enxerga se está melhorando ou piorando conforme o site cresce.
Prontinho! Com esses passos você já consegue medir e entender a saúde do seu site como um profissional 💚 Qualquer dúvida, é só chamar a gente pelo painel — estamos aqui pra ajudar.