Como medir o Core Web Vitals do seu site (e o que cada métrica quer te dizer)
Oi, tudo bem? Aqui é a Sensei da GeHost! 🧘♀️ Hoje vamos falar de um assunto que parece complicado, mas prometo que no fim deste guia vai fazer todo sentido: os Core Web Vitals. Eles são, de um jeito bem simples, a "prova de vida" da experiência que o seu site entrega pra quem visita — o quão rápido ele aparece, o quão rápido dá pra usar e o quão "quietinha" a página fica enquanto carrega.
E o motivo de você se importar com isso vai muito além de deixar o visitante feliz: o Google usa essas métricas como fator de posicionamento nas buscas. Ou seja, site rápido e estável tende a rankear melhor. Vamos entender e medir juntos?
O que são os Core Web Vitals, em bom português
São 3 métricas oficiais do Google que medem a experiência real de carregamento de uma página:
- LCP (Largest Contentful Paint) — "quanto tempo até o principal conteúdo aparecer na tela". É o maior elemento visível (geralmente uma imagem grande, um banner ou um bloco de texto) terminando de carregar. Se o LCP é lento, o visitante fica olhando pra uma tela quase em branco, achando que o site travou.
- INP (Interaction to Next Paint) — "quanto tempo até o site responder quando alguém clica em algo". Ele mede a demora entre o clique/toque do usuário (num botão, num menu, num campo) e a tela realmente reagir. É o que hoje substituiu o antigo "FID" como métrica oficial de responsividade.
- CLS (Cumulative Layout Shift) — "o quanto os elementos da página pulam de lugar enquanto carregam". Já tentou clicar num botão e, no último segundo, uma imagem carregou e empurrou tudo pra baixo, fazendo você clicar no lugar errado? Isso é CLS alto — e é super frustrante pra quem usa o site.
💡 Dica da Sensei: pense nos três assim: LCP = "chegou rápido?", INP = "respondeu rápido?", CLS = "ficou parado no lugar?". Se as três respostas forem "sim", seu site está numa ótima experiência.
O que significa cada faixa de resultado
O Google classifica cada métrica em três faixas — Bom, Precisa melhorar e Ruim. Você vai ver essas cores (verde, laranja e vermelho) em qualquer ferramenta de medição:
- LCP: Bom até 2,5s · Precisa melhorar até 4s · Ruim acima disso.
- INP: Bom até 200ms · Precisa melhorar até 500ms · Ruim acima disso.
- CLS: Bom até 0,1 · Precisa melhorar até 0,25 · Ruim acima disso.
O ideal é estar no "Bom" nas três ao mesmo tempo — é isso que o Google considera "página com boa experiência".
Passo a passo: como medir o seu site
- PageSpeed Insights (o mais fácil pra começar). Acesse pagespeed.web.dev, cole a URL do seu site e clique em analisar. Ele mostra a nota pra celular e pra computador separadamente, com as três métricas destacadas e sugestões do que melhorar. É gratuito e não exige instalar nada.
- Google Search Console → relatório "Core Web Vitals". Se você já tem seu domínio verificado no Search Console, esse relatório mostra o histórico real de visitantes de verdade (não é uma simulação) — ele agrupa as páginas por status (Bom / Precisa melhorar / Ruim) e é o dado mais fiel de como as pessoas realmente experimentam seu site.
- Chrome DevTools (pra quem quer se aprofundar). Abra seu site no Google Chrome, aperte F12 (ou botão direito → Inspecionar), vá na aba Lighthouse e rode uma análise. Ele simula um carregamento e te dá o mesmo tipo de nota do PageSpeed Insights, só que direto no navegador.
- Extensão "Web Vitals" do Chrome. Dá pra instalar a extensão oficial do Google chamada "Web Vitals" — ela mostra, em tempo real, a nota de LCP/INP/CLS enquanto você navega pelo próprio site, sem precisar abrir nenhuma ferramenta externa.
O que costuma melhorar cada métrica
- Pra melhorar o LCP: otimize o peso das imagens (comprima antes de subir), evite vídeos/banners gigantes na primeira dobra da tela e revise se o seu tema/plugins não estão deixando o site pesado.
- Pra melhorar o INP: evite excesso de plugins e scripts de terceiros rodando ao mesmo tempo — cada script a mais compete por atenção do navegador na hora do clique.
- Pra melhorar o CLS: sempre defina um tamanho (largura e altura) fixo pras imagens e banners, pra o espaço já ficar reservado antes da imagem carregar de verdade.
🙋 Não curtiu o resultado ou não sabe por onde começar a ajustar? Fala com a gente pelo painel (painel.gehost.com.br) ou abre um chamado de suporte — a equipe te ajuda a entender o que está pesando no seu site.
Prontinho! Agora você já sabe medir, entender e até dar os primeiros passos pra deixar seu site mais rápido e estável. Qualquer dúvida, é só chamar — a Sensei tá sempre por aqui pra ajudar. 🌱