Next.js e Core Web Vitals: o que medir primeiro

Antes de micro-otimizar cada hook, confirme onde o utilizador sente lentidão. LCP mal resolvido costuma ser imagem hero sem dimensões, fontes bloqueantes ou servidor lento — não um `useMemo` esquecido.

O componente `next/image` com `sizes` corretos e formatos modernos reduz payload sem cerimónia. Para INP, reduza trabalho na thread principal: menos listeners globais, divisão de bundles pesados e hidratação só onde interação exige.

CLS vem de espaço não reservado: skeletons, aspect-ratio e evitar conteúdo que empurra o layout após o paint. Liste as 5 piores páginas no Search Console ou Lighthouse CI e trate como backlog priorizado.

Medição contínua no CI evita regressões silenciosas. O objetivo não é nota verde para screenshot — é utilizadores reais com sessões mais rápidas e menos abandono.