LCP: o vilão quase sempre é uma imagem
O Largest Contentful Paint mede quando o maior elemento visível aparece. Em 90% dos sites é a imagem hero. Converta para WebP ou AVIF, sirva via CDN, defina width/height explícitos e use fetchpriority="high" na hero.
INP: scripts pesados na thread principal
- Adie analytics não-críticos com defer
- Remova polyfills desnecessários
- Quebre handlers longos em chunks com requestIdleCallback
- Audite extensões de chat e tag managers
CLS: reservar espaço antes do conteúdo carregar
Layout shift acontece quando elementos pulam durante o carregamento. Defina dimensões fixas para imagens e iframes, evite injetar banners no topo após render e use font-display: optional para evitar reflow de tipografia.
Ferramentas práticas
- PageSpeed Insights para snapshot
- Chrome DevTools Performance para profundidade
- Web Vitals extension para dev em tempo real
- Search Console para dados de campo
Perguntas frequentes
Vale a pena passar de 90 para 95 no Lighthouse?+
Acima de 90 o ROI cai drasticamente. Foque em manter campo verde no CrUX.
Imagens lazy prejudicam SEO?+
Não, desde que a hero (LCP) não esteja lazy.
Posso ignorar INP se meu site é estático?+
Mesmo sites estáticos têm scripts; rode profile antes de assumir.
Fontes do Google afetam CLS?+
Sim, quando bloqueiam render. Use preload e font-display: swap ou optional.
Quanto tempo leva para o Google reprocessar?+
De 14 a 28 dias após as mudanças entrarem em produção.
Conclusão
Core Web Vitals saudáveis são um sinal claro para Google e IAs de que sua experiência é confiável. Pequenos ajustes técnicos rendem ganhos contínuos de ranking e citação.