INP (Interaction to Next Paint)
L'INP (Interaction to Next Paint) est la troisième métrique Core Web Vitals depuis mars 2024. Il mesure le temps entre une interaction utilisateur (clic, tap, frappe) et le prochain affichage visuel en réponse. L'objectif est un INP inférieur à 200 millisecondes.
Explication approfondie
Pourquoi l'INP a-t-il remplacé le FID et comment l'optimiser ?
L’INP remplace le FID depuis mars 2024. Différence principale : le FID mesurait uniquement le délai du premier clic. L’INP mesure toutes les interactions pendant la durée de vie de la page et retient la valeur la plus haute — bien plus représentatif de la réactivité réelle.
La cause principale : le main thread JavaScript bloqué par des tâches longues (plus de 50ms). Quand JavaScript effectue des calculs intensifs, le navigateur ne peut pas répondre aux interactions, créant un délai perceptible.
Les solutions : diviser les long tasks en tâches plus petites via setTimeout, différer le JavaScript non critique, utiliser des Web Workers pour les calculs hors du main thread, et optimiser les gestionnaires d’événements.
Sur un site e-commerce, cliquer sur « Ajouter au panier » prend 800ms. Un script d’analytics tiers bloque le main thread. En le différant et en optimisant le gestionnaire d’événement, l’INP descend à 120ms — sous le seuil des 200ms.
Questions fréquentes
FAQ — INP (Interaction to Next Paint)
Le FID mesurait uniquement le délai de la première interaction. L'INP mesure toutes les interactions pendant la durée de vie de la page et retient la pire valeur (98e percentile). L'INP est donc bien plus strict et représentatif.
Oui, un INP supérieur à 200ms est perceptible. L'utilisateur voit son clic ne pas être immédiatement suivi d'une réaction visuelle, donnant une impression de lenteur ou de bug. Au-delà de 500ms, l'expérience est clairement dégradée.
Les clics, taps et frappes clavier comptent. Les survols, le défilement et le zoom ne sont pas inclus car ils ne nécessitent pas nécessairement une réponse visuelle immédiate de la page.
Vous avez un projet SEO ?
Mettons ce savoir en pratique pour votre site.