Optimización de Interaction to Next Paint (INP): La guía completa

Recomendaciones accionables

• Mantén cada componente de una interacción “lo más corto posible” en lugar de optimizar solo el retraso de entrada.
• Para retraso de entrada alto, investiga otro trabajo que ocupe el hilo principal antes de que los callbacks de la interacción puedan comenzar; la interacción en sí “puede no haber sido la causa directa del INP lento.”
• Para duración de procesamiento alta, reduce o aplaza el trabajo realizado por los event handlers porque “los event handlers de la interacción fueron la causa directa del INP lento.”
• Audita los listeners propios, del framework, de librerías y de terceros: “Cualquier código que se ejecute en cualquier event listener retrasará la interacción.”
• Para retraso de presentación alto, investiga el trabajo de renderizado del navegador después de los callbacks, pero el fragmento proporcionado trunca la recomendación exacta de Chrome.

No hay evidencia suficiente disponible para citar la definición completa del retraso de presentación ni su guía de remediación completa de manera textual.