Web

INP (Interaction to Next Paint)

Définition courte

L'INP est l'indicateur Core Web Vitals qui mesure le temps entre le clic ou le toucher d'un visiteur et la réponse visible de la page à l'écran.

Une fois la page chargée, quand un utilisateur clique sur un bouton ou ouvre un menu, l'INP est le temps que met le navigateur à répercuter cela à l'écran. La valeur relevée se rapproche de l'interaction la plus lente mesurée sur toute la visite.

Il apparaît dans Search Console et PageSpeed Insights. Le seuil officiel est de 200 millisecondes : en dessous, c'est bon, entre 200 et 500 millisecondes, à améliorer, au-delà, mauvais. Il a remplacé l'ancien indicateur First Input Delay en 2024.

On le confond souvent avec le FID, qui ne mesurait que la première interaction. L'INP couvre chaque interaction de la page et reflète donc plus fidèlement l'expérience réelle.

L'erreur la plus courante consiste à exécuter le travail déclenché par un clic, comme ajouter au panier ou appliquer un filtre, sous la forme d'une longue tâche JavaScript qui bloque le thread principal. La bonne approche consiste à découper ce travail en petites étapes : vous mettez à jour l'écran immédiatement et laissez le calcul lourd se terminer ensuite, afin que le navigateur réponde au toucher sans délai.

Pourquoi c'est important

Quand un bouton répond lentement, le visiteur clique une seconde fois ou abandonne. Garder l'INP bas maintient la fluidité d'actions comme remplir un formulaire ou ajouter au panier, ce qui réduit l'abandon.

Exemple illustratif

Le sélecteur de date d'un site de location de matériel événementiel ralentissait sous la charge JavaScript, portant l'INP à 450 millisecondes ; en fractionnant le code, il est descendu à 150 millisecondes.

Termes liés

Article lié

Si vous ne savez pas par où commencer, ce n’est pas un problème ; vous êtes au bon endroit.

Le projet que vous avez en tête peut être déjà clair, ou encore une simple idée. Les deux nous conviennent. En un court appel, nous parlons ensemble d’où vous en êtes et où vous pouvez aller.

Fixons un appel
Parlons du projet