Core Web Vitals: como medir e o que cada métrica quer te dizer
Olá! Aqui é a Sensei da GeHost 🌱 Hoje vamos falar de um assunto que assusta pelo nome, mas que na prática é bem simples de entender: o Core Web Vitals. É o conjunto de métricas que o Google usa para saber se o seu site é rápido e agradável de usar — e sim, isso também pode influenciar como seu site aparece nas buscas.
Vamos, passo a passo, aprender a medir essas métricas e entender o que cada uma significa, sem enrolação.
O que é o Core Web Vitals?
É um conjunto de 3 métricas principais criadas pelo Google para medir a experiência real de quem visita o seu site: velocidade de carregamento, capacidade de resposta aos cliques/toques, e estabilidade visual da página. Pense nelas como um "checkup de saúde" do seu site.
As 3 métricas principais
- LCP (Largest Contentful Paint) — mede a velocidade de carregamento.
- INP (Interaction to Next Paint) — mede a capacidade de resposta do site.
- CLS (Cumulative Layout Shift) — mede a estabilidade visual da página.
💡 Dica da Sensei: não precisa decorar as siglas de cor. O importante é entender a ideia por trás de cada uma — carrega rápido, responde rápido, não "pula" na tela.
O que cada métrica significa, na prática
1. LCP — "Quanto tempo até o site aparecer de verdade?"
O LCP mede o tempo que o maior elemento visível da página (geralmente uma imagem grande, um banner ou um bloco de texto) leva para carregar completamente. Na visão do visitante, é a sensação de "ok, agora o site carregou".
- Bom: até 2,5 segundos.
- Precisa melhorar: entre 2,5 e 4 segundos.
- Ruim: acima de 4 segundos.
2. INP — "O site responde rápido quando eu clico em algo?"
O INP mede o tempo entre o visitante clicar, tocar ou digitar algo e a página efetivamente reagir a essa ação. Um site com INP ruim dá aquela sensação de "travado", mesmo já tendo carregado.
- Bom: até 200 milissegundos.
- Precisa melhorar: entre 200 e 500 milissegundos.
- Ruim: acima de 500 milissegundos.
3. CLS — "Os elementos da página ficam pulando de lugar?"
O CLS mede o quanto os elementos da tela se movem inesperadamente enquanto a página carrega — aquele clássico "ia clicar em um botão e a página pulou, cliquei em outra coisa". Quanto mais próximo de zero, mais estável é a página.
- Bom: até 0,1.
- Precisa melhorar: entre 0,1 e 0,25.
- Ruim: acima de 0,25.
Como medir o Core Web Vitals do seu site
Existem algumas ferramentas gratuitas do próprio Google que você pode usar. Vamos por ordem, da mais simples para a mais completa.
Passo 1: PageSpeed Insights (a mais fácil)
- Acesse a ferramenta PageSpeed Insights pelo navegador (basta buscar "PageSpeed Insights" no Google).
- Cole a URL do seu site no campo indicado e clique em "Analisar".
- Aguarde alguns segundos: a ferramenta vai te mostrar uma nota de 0 a 100 e o detalhamento de LCP, INP e CLS, tanto para celular quanto para computador.
- Repare que existem dois blocos de dados: "Dados de campo" (o que visitantes reais estão sentindo) e "Dados de laboratório" (um teste simulado). O dado de campo é o mais importante, pois reflete a experiência real.
💡 Dica da Sensei: se o seu site é novo ou tem pouco tráfego, pode ser que o PageSpeed Insights não tenha "Dados de campo" suficientes ainda. Nesse caso, confie nos dados de laboratório como referência.
Passo 2: Google Search Console (visão ao longo do tempo)
- Acesse o Google Search Console com a conta Google vinculada ao seu site.
- No menu lateral, procure a seção "Sinais Vitais da Web" (Core Web Vitals).
- Lá você verá um gráfico com o histórico de páginas classificadas como "Boa", "Precisa melhorar" ou "Ruim", separado por celular e computador.
- Essa é a melhor forma de acompanhar a evolução do seu site ao longo das semanas, e não só um retrato do momento.
Passo 3: Chrome DevTools / Lighthouse (para quem quer ir mais fundo)
- Abra o seu site no navegador Google Chrome.
- Clique com o botão direito na página e escolha "Inspecionar" (ou aperte F12).
- Vá até a aba "Lighthouse" no painel que abrir.
- Marque a categoria "Performance" e clique em "Analyze page load" (ou "Gerar relatório").
- Você receberá um relatório completo, com sugestões técnicas específicas de otimização para o seu site.
O que fazer se as métricas vierem ruins?
Calma, é bem comum — e dá pra melhorar aos poucos. Algumas causas frequentes:
- LCP alto: geralmente imagens muito pesadas sem otimização, ou muitos recursos (scripts, fontes) carregando antes do conteúdo principal.
- INP alto: normalmente é excesso de scripts pesados rodando ao mesmo tempo, muitas vezes de plugins ou ferramentas de terceiros.
- CLS alto: costuma ser imagem ou anúncio sem tamanho definido no código, ou fontes que carregam depois e "empurram" o texto.
Boas práticas gerais que ajudam nas três métricas: comprimir e redimensionar imagens antes de subir ao site, evitar plugins/scripts desnecessários e manter o site (CMS, tema, plugins) sempre atualizado.
💡 Dica da Sensei: se o seu site usa WordPress ou outro CMS, procure por plugins de otimização de imagem e cache — eles ajudam bastante o LCP e o CLS. E se tiver dúvida sobre o que o seu plano de hospedagem já oferece de cache/CDN, é só consultar o painel.gehost.com.br ou chamar nosso suporte, combinado?
Resumindo
- LCP = velocidade de carregamento (quanto menor, melhor).
- INP = velocidade de resposta a cliques (quanto menor, melhor).
- CLS = estabilidade visual (quanto mais perto de zero, melhor).
- Meça com PageSpeed Insights para um retrato rápido e com o Search Console para acompanhar a evolução ao longo do tempo.
Prontinho! Agora você já sabe medir e interpretar o Core Web Vitals do seu site. Qualquer dúvida, nosso suporte está por aqui para ajudar. Até a próxima! 🌱