Com a consolidação do INP como métrica-chave, performance deixou de ser apenas carregamento rápido. Agora, a capacidade de resposta da interface define a percepção de qualidade.
LCP: carregamento visual inicial
Otimize imagens críticas, use formatos modernos e priorize recursos above-the-fold.
INP: responsividade real
Reduza JavaScript bloqueante e quebre tarefas longas para evitar travamentos de interação.
CLS: estabilidade visual
Reserve espaço para mídia e componentes dinâmicos para evitar saltos inesperados no layout.
Governança de performance
Defina budgets de performance e monitore continuamente em produção, não apenas no deploy.