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 medem aspectos observáveis da experiência, como carregamento, responsividade e estabilidade visual. Melhorar LCP, INP e CLS beneficia pessoas e reduz barreiras técnicas para mecanismos automatizados. As métricas devem ser verificadas com dados de campo e laboratório, sem apresentar desempenho saudável como garantia de ranking, citação ou recomendação.