Core Web Vitals: O Que São e Como Melhorar
Os Core Web Vitals são três métricas que o Google usa para medir a experiência real do utilizador no seu site. Desde 2021, fazem parte dos factores de ranking — um site com bons Web Vitals tem vantagem sobre concorrentes com más métricas, assumindo que o conteúdo é semelhante em qualidade.
As três métricas
LCP — Largest Contentful Paint
Mede quanto tempo demora a carregar o maior elemento visível na viewport — tipicamente a imagem hero ou o bloco de texto principal. É a métrica de velocidade percebida: quando o utilizador sente que a página carregou.
Bom: até 2,5 segundos. Precisa melhorar: 2,5-4s. Mau: acima de 4s.
Como melhorar: optimize a imagem hero (WebP, tamanho adequado, preload), use cache de página, minimize CSS e JS que bloqueiam o rendering, garanta um servidor rápido com bom TTFB.
INP — Interaction to Next Paint (substitui o FID)
Mede a responsividade — quanto tempo o site demora a responder quando o utilizador interage (clica num botão, abre um menu, preenche um formulário). Reflecte o quão “vivo” o site parece.
Bom: até 200ms. Precisa melhorar: 200-500ms. Mau: acima de 500ms.
Como melhorar: reduza JavaScript pesado, adie scripts não essenciais, minimize third-party scripts (analytics, chat widgets, redes sociais), use web workers para tarefas pesadas.
CLS — Cumulative Layout Shift
Mede a estabilidade visual — quanto o layout da página “salta” enquanto carrega. Já lhe aconteceu estar a ler um artigo e de repente o texto mexe porque uma imagem ou anúncio carregou? Isso é layout shift, e o Google penaliza-o.
Bom: até 0,1. Precisa melhorar: 0,1-0,25. Mau: acima de 0,25.
Como melhorar: defina dimensões (width/height) em todas as imagens e iframes, reserve espaço para anúncios e embeds antes de carregarem, use fonts com font-display: swap e preload para evitar flash de texto invisível.
Como medir
Google PageSpeed Insights: insira o URL e obtenha pontuação e métricas detalhadas para mobile e desktop, com sugestões específicas de melhoria.
Google Search Console → Core Web Vitals: mostra o estado real do site com dados de utilizadores reais (não simulados), agrupados por tipo de problema.
Chrome DevTools → Lighthouse: auditoria local detalhada com simulação de rede lenta.