L’essentiel
- Un bon INP est de 200 millisecondes ou moins
- Il observe toutes les interactions de la visite et retient l’une des plus lentes
- Le défilement et le survol ne comptent pas
- Les tâches JavaScript longues et les scripts tiers sont la cause principale
- Il se mesure sur le terrain : Lighthouse ne le calcule pas
Les seuils de l’INP#
| Score | Délai |
|---|---|
| Bon | 200 ms ou moins |
| À améliorer | Entre 200 et 500 ms |
| Mauvais | Plus de 500 ms |
INP et FID : ce qui a changé#
Le FID (First Input Delay) mesurait seulement le délai avant le traitement de la première interaction. Une page pouvait avoir un FID excellent et devenir lente dès le deuxième clic. L’INP prend en compte toutes les interactions et mesure le délai complet, jusqu’à l’affichage suivant. Beaucoup de sites qui passaient sans effort avec le FID sont passés dans l’orange avec l’INP, surtout sur mobile.
Ce qui compose une interaction#
Une interaction se découpe en trois temps :
- Le délai d’entrée : le navigateur est occupé par une autre tâche et ne peut pas traiter le clic tout de suite.
- Le temps de traitement : l’exécution du code JavaScript lié à l’action.
- Le délai de présentation : le calcul et l’affichage de la nouvelle image à l’écran.
Le plus souvent, c’est le premier temps qui pose problème : le fil principal du navigateur est bloqué par un script qui s’exécute au même moment.
Comment améliorer l’INP#
- Découper les tâches longues : toute tâche de plus de 50 ms bloque le navigateur. Le code doit rendre la main régulièrement.
- Réduire les scripts tiers : outils de chat, tags de suivi, widgets d’avis et scripts publicitaires s’exécutent à chaque page.
- Donner un retour visuel immédiat (état du bouton, indicateur de chargement) avant de lancer un traitement lourd.
- Alléger la page : un DOM de plusieurs milliers d’éléments rend chaque mise à jour plus lente.
Les pages les plus exposées sont celles qui ont beaucoup d’interactions : filtres de catégories e-commerce, configurateurs, formulaires. Pour les diagnostiquer, j’utilise le rapport de la Search Console pour repérer les gabarits en difficulté, puis le panneau Performance de Chrome pour trouver le script en cause. Ce travail fait partie de mon audit SEO technique.
Questions fréquentes#
Que signifie INP ?
Interaction to Next Paint, soit « délai entre l’interaction et l’affichage suivant ».
Pourquoi Lighthouse n’affiche-t-il pas l’INP ?
L’INP a besoin de vraies interactions. En laboratoire, Lighthouse affiche le Total Blocking Time, qui donne une indication proche sur le blocage du navigateur.
Où trouver l’INP de mon site ?
Dans le rapport « Signaux Web essentiels » de la Google Search Console et dans les données terrain de PageSpeed Insights, si le site a assez de visites.
Mon site a peu de JavaScript, dois-je m’en soucier ?
Moins que les autres. Vérifiez tout de même les scripts ajoutés par les extensions, les applications et les outils marketing, qui passent souvent sous le radar.