Comprendre et mesurer l’INP (Interaction to Next Paint)

L’INP (Interaction to Next Paint) est une métrique Core Web Vitals stable qui évalue la réactivité globale d’une page. Elle observe la latence de toutes les interactions de l’utilisateur (clics, appuis, frappes clavier) tout au long de sa visite, puis retient une valeur représentative de l’ensemble. Un INP faible signifie que la page a répondu rapidement à la quasi-totalité des interactions.

C’est une métrique essentielle pour le SEO et l’expérience utilisateur, car la majorité du temps passé sur une page se déroule après son chargement. Une page qui se charge vite mais réagit lentement aux clics frustre les visiteurs autant qu’une page lente à l’affichage. L’INP capture précisément cette dimension d’interactivité.

L’INP correspond à la latence de l’interaction la plus longue observée pendant la visite, une fois les anomalies écartées. La latence d’une interaction va du moment où l’utilisateur agit jusqu’au moment où le navigateur affiche le frame suivant, c’est-à-dire le retour visuel confirmant que l’action a été prise en compte.

Pour offrir une bonne réactivité, visez un INP de 200 millisecondes ou moins, mesuré au 75e centile des chargements, mobile et ordinateur séparés.

La latence d’une interaction se décompose en trois phases. Le délai d’entrée est le temps qui s’écoule avant que le moindre gestionnaire d’événement ne commence à s’exécuter, souvent à cause de tâches longues sur le thread principal. La durée de traitement correspond au temps d’exécution de tous les gestionnaires associés. Le délai de présentation est le temps écoulé après ce traitement jusqu’à l’affichage du frame suivant à l’écran.

Comprendre ces trois phases est la clé pour diagnostiquer un INP élevé : selon la phase la plus coûteuse, les leviers d’optimisation diffèrent.

Seuls trois types d’interaction sont observés : le clic avec une souris, l’appui sur un écran tactile et la frappe sur un clavier physique ou à l’écran. Le survol, le zoom et le défilement ne sont pas comptés, même si certains de ces gestes peuvent inclure un clic ou un appui mesuré. Une interaction regroupe souvent plusieurs événements (par exemple pointerdown, pointerup et click) : c’est l’événement le plus long qui détermine la latence.

L’INP se distingue ainsi de l’ancien FID, qui ne mesurait que le délai d’entrée de la première interaction. L’INP prend en compte la durée totale de toutes les interactions, ce qui en fait un indicateur de réactivité bien plus complet.

L’INP se mesure avant tout sur le terrain, auprès d’utilisateurs réels, car il dépend de la façon dont chacun interagit avec la page. En laboratoire, aucune interaction n’est simulée par défaut : le TBT (Total Blocking Time) sert alors d’indicateur de substitution, sans remplacer l’INP. En JavaScript, l’INP s’appuie sur l’API Event Timing ; la bibliothèque web-vitals, via sa fonction dédiée, gère le calcul et les cas particuliers.