INP (Interaction to Next Paint): como otimizar cada componente para um site mais rápido

Recomendações práticas

• Mantenha cada componente da interação o mais curto possível, em vez de focar apenas no atraso de entrada.
• Para atraso de entrada alto, investigue outras tarefas ocupando a thread principal antes do início dos callbacks. A própria interação "pode não ter sido a causa direta do INP lento."
• Para duração do processamento alta, reduza ou adie o trabalho executado pelos event handlers, pois "os event handlers da interação foram a causa direta do INP lento."
• Audite listeners de primeira parte, frameworks, bibliotecas e scripts de terceiros: "Qualquer código rodando em qualquer listener de evento atrasará a interação."
• Para atraso de apresentação alto, investigue o trabalho de renderização do navegador após os callbacks. O trecho fornecido não traz a recomendação completa do Chrome para essa fase.

Não há evidência suficiente para citar a definição completa do atraso de apresentação ou suas orientações de correção exatas a partir dos trechos fornecidos.