Devsource

INP : définition et optimisation de l’Interaction to Next Paint

L’INP est une métrique des Core Web Vitals qui mesure la réactivité globale d’une page face aux interactions des utilisateurs (clics, pressions, saisie clavier).

Définition

L’Interaction to Next Paint (INP) évalue le délai qui s’écoule entre une interaction de l’utilisateur et le moment où le navigateur est capable de rafraîchir visuellement la page (le prochain rendu). Contrairement à l’ancien FID, l’INP observe toutes les interactions sur toute la durée de la visite pour identifier les plus lentes.

→ Prendre RDV pour votre projet maintenant

Bonnes pratiques

  • Implémenter progressivement : Optimiser d’abord les scripts JavaScript lourds qui bloquent le Main Thread (fil principal) lors d’un clic.
  • Mesurer avant/après : Utiliser le rapport sur l’expérience utilisateur de Chrome (CrUX) via la Search Console pour suivre l’évolution réelle sur le terrain.
  • Documenter les changements : Identifier les sélecteurs CSS ou les fonctions JS spécifiques qui génèrent des délais de traitement excessifs.

À éviter

  • Modifications non mesurées : Ajouter de nouveaux scripts tiers (tracking, widgets) sans vérifier leur impact sur la fluidité des interactions existantes.
  • Raccourcis techniques risqués : Utiliser des animations complexes déclenchées par JS qui surchargent le processeur au moment où l’utilisateur tente d’interagir.
  • Ignorer l’intention utilisateur : Laisser un bouton « inerte » après un clic sans retour visuel immédiat, ce qui dégrade la perception de réactivité.
Qu’est-ce que l’INP (Interaction to Next Paint) ?

L’INP est une métrique Core Web Vitals qui mesure la réactivité globale d’une page web en évaluant le délai entre les interactions de l’utilisateur et la réponse visuelle du site.

Il mesure le temps de réponse de toutes les interactions utilisateur, comme les clics, les taps ou la saisie, jusqu’à l’affichage du résultat à l’écran.

L’INP est important car il reflète la réactivité réelle d’une page, un critère pris en compte dans l’évaluation de l’expérience utilisateur par Google.

Le FID mesurait uniquement la première interaction, tandis que l’INP analyse l’ensemble des interactions pour une vision plus complète de la réactivité.

Un INP élevé est souvent causé par un JavaScript trop lourd ou des tâches longues qui bloquent le thread principal du navigateur.

Il est recommandé de réduire le JavaScript bloquant, d’optimiser le rendu et d’améliorer la gestion des interactions utilisateur.

Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K