INP (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.

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é.