Por que o Google Criou as Core Web Vitals
Antes das Core Web Vitals, os critérios de UX eram subjetivos. A partir de 2021, o Google criou métricas mensuráveis de experiência do usuário e as tornou fatores de ranking. Pela primeira vez, "site que funciona bem" virou critério objetivo e verificável.
LCP — Largest Contentful Paint
O que mede: Quanto tempo o maior elemento visível na tela leva para carregar (geralmente uma imagem hero ou bloco de texto principal).
Meta: Abaixo de 2.5 segundos
Causas comuns de LCP ruim: Imagem hero grande sem otimização, servidor lento (TTFB alto), fonte carregando sem fallback, CSS blocante.
Correções: Imagem hero em WebP + preload, hospedagem melhor, critical CSS inline, fonte com font-display: swap.
INP — Interaction to Next Paint
O que mede: Quanto tempo o navegador leva para responder visualmente a uma interação do usuário (clicar, tocar, digitar).
Meta: Abaixo de 200 milissegundos
Causas comuns de INP ruim: JavaScript pesado bloqueando a thread principal, animações CSS intensas, muitos event listeners simultâneos.
Correções: Lazy loading de JavaScript, evitar animações de propriedades caras (usar transform e opacity), code splitting.
CLS — Cumulative Layout Shift
O que mede: Quanto o conteúdo da página "pula" durante o carregamento — elementos que mudam de posição enquanto o usuário está lendo.
Meta: Abaixo de 0.1
Causas comuns de CLS ruim: Imagens sem width e height definidos, fontes externas carregando depois do texto, anúncios e banners inseridos dinamicamente.
Correções: Sempre definir width e height nas imagens, reservar espaço para anúncios, precarregar fontes críticas.
Como Medir Agora
- Acessar pagespeed.web.dev e inserir sua URL
- Ver relatório de Lab Data (simulado) e Field Data (dados reais)
- Priorizar Field Data — é o que o Google usa para ranking
- Verificar também no Google Search Console → Experiência → Core Web Vitals