INP (Interaction to Next Paint)
L’INP (Interaction to Next Paint) est la métrique Core Web Vitals qui mesure la réactivité d’une page à chaque interaction utilisateur — clic, tap, frappe — depuis l’événement jusqu’au prochain repaint visible.
Qu'est-ce que inp (interaction to next paint) ?
INP a remplacé FID (First Input Delay) en mars 2024 comme métrique officielle de réactivité. La grande différence : FID ne mesurait que la première interaction, INP mesure toutes les interactions et garde le 98e percentile (le pire). Une page peut donc avoir un excellent FID et un mauvais INP si les interactions tardives bloquent le main thread.
Le seuil "Good" pour INP est sous 200 ms, "Needs improvement" entre 200 et 500 ms, "Poor" au-delà. Les causes typiques d’un mauvais INP : JavaScript lourd qui bloque le main thread, listeners d’événements coûteux, animations CSS mal optimisées (pas hardware-accelerated), framework JS qui re-render trop souvent.
Les fixes efficaces : déférer le JS non critique avec defer/async, découper les longues tâches avec scheduler.yield() ou setTimeout, virtualiser les longues listes, utiliser CSS transform/opacity pour les animations (jamais width/height/top/left), éviter les libs lourdes côté client quand c’est faisable côté serveur.
Une landing avec un bouton de menu qui déclenche 80 ms de JavaScript synchrone par clic, sur un mobile médian, affiche un INP de 320 ms — "Needs improvement". En déférant l’hydratation et en réduisant le handler à 12 ms, INP tombe à 95 ms — "Good".
On parle d’INP en performance web, en SEO technique et dans les audits Core Web Vitals depuis mars 2024.
Mettre ce concept en pratique avec Eufya
Eufya applique ces principes automatiquement dans son pipeline 5-agents. Brief, scoring, génération, audit qualité. 3 crédits gratuits à l'inscription.