Core Web Vitals: como melhorar LCP, INP e CLS

Resposta direta

Core Web Vitals são o vocabulário compartilhado entre engenharia, SEO e negócio. Melhorar LCP, INP e CLS exige causa por métrica — não um plugin genérico de “speed”. O que importa para o Google e para o usuário real está no campo; o laboratório explica o porquê. Centro do serviço de Performance Web.

Há material em Insights; neste hub o ângulo é melhorar com disciplina nas URLs que geram receita.

Interpretar antes de mexer

Campo (CrUX/Search Console) por template e device. Lab (Lighthouse/PSI) para hipóteses — PageSpeed Insights. p75, não média emocional. Sem baseline, “melhoramos” no escuro — por que está lento.

Melhorar LCP

Identifique o LCP element. Reduza TTFB (cache, origem, SSR). Otimize hero — imagens/vídeos. Corte CSS/JS bloqueante. Prefira conteúdo acima da dobra leve. Prioritize o recurso LCP.

Melhorar INP

Quebre long tasks. Menos JS na hidratação (React). Debounce/handlers leves. Adie terceiros não essenciais. Teste clique em mobile real — WordPress e React.

Melhorar CLS

Width/height em mídia. Espaço para ads/embeds. Fontes sem swap brusco. Evite injetar banners no topo após paint.

Ritual

Uma hipótese por deploy. Revalidar lab + campo. Guia amplo: deixar o site mais rápido. CWV excelente não salva oferta confusa; CWV ruim em template de conversão sabota mídia e SEO técnico.

Próximo passo

Escolha a pior métrica no p75 mobile da URL top — diagnóstico / Performance Web.