INP
Le signal de réactivité des Core Web Vitals : ce qu’il mesure, le seuil de 200 ms, les leviers d’amélioration.
L’Interaction to Next Paint (INP) est le Core Web Vital de reactivite. Il mesure la latence de chaque clic, tap et frappe clavier, puis retient la pire de la visite. En SEO, Google vise un INP sous 200 ms au 75e centile, selon web.dev.
Comment fonctionne l’INP ?
L’INP décompose chaque interaction en trois phases mesurées par l’API Event Timing. L’input delay court du clic jusqu’au démarrage du gestionnaire d’evenement. Le processing time couvre l’exécution du code de ce gestionnaire. Le présentation delay va de la fin du traitement au rendu de la frame suivante. Chrome observe toutes les interactions d’une visite (clic, tap, frappe), puis retient la plus lente en ignorant un pic toutes les 50 interactions. Le défilement n’entre pas dans l’INP : il est gere par le thread compositeur, distinct du thread principal. Selon web.dev, la valeur reportée correspond au 75e centile sur 28 jours de données CrUX.
Pourquoi l’INP est important pour le SEO ?
L’INP pèse comme signal Page Expérience dans le classement Google, au même titre que le LCP et le CLS. Le passage du FID a l’INP a fait chuter d’environ 5 points le taux de pages mobiles conformes aux Core Web Vitals, selon le Web Almanac 2025 de HTTP Archive. Beaucoup de sites validaient le FID mais échouent l’INP, qui capte aussi les interactions lentes après le premier clic. Google presente les Core Web Vitals comme un critère de départ entre pages de qualité équivalente, pas comme un levier de hiérarchisation principal.
| Critère | FID (retire) | INP |
|---|---|---|
| Statut | Retire en mars 2024 | Core Web Vital actif |
| Portée | Première interaction seule | Toutes les interactions |
| Phases mesurées | Input delay seul | Input delay + processing + présentation |
| Seuil « bon » | 100 ms | 200 ms |
Comment améliorer son score INP ?
Réduire le JavaScript execute sur le thread principal améliore l’INP en priorité. Découpez les taches longues de plus de 50 ms, différez les scripts tiers et rendez la main au navigateur via scheduler.yield(). web.dev recommande de traiter d’abord l’interaction la plus lente, identifiée par la librairie web-vitals, puis de mesurer à nouveau sur 28 jours de données CrUX.
Peut-on mesurer l’INP avec Lighthouse ?
Lighthouse ne mesure pas l’INP de façon fiable, car l’INP dépend d’interactions humaines réelles. Une exécution en laboratoire simule un seul chargement, sans clic ni frappe représentatifs. Google recommande les données terrain via PageSpeed Insights, le CrUX Dashboard ou une solution RUM. Un score Lighthouse vert avec un INP terrain médiocre reste un échec au regard du classement.
Exemple concret d’optimisation INP
Un gestionnaire de clic qui execute tout son travail d’un bloc retarde le paint et gonfle l’INP. La version optimisée affiche d’abord le retour visuel, rend la main au navigateur, puis lance le traitement lourd après le rendu.
button.addEventListener('click', async () => {
updateUI(); // retour visuel immediat
await scheduler.yield(); // rend la main au navigateur
processHeavyWork(); // travail lourd apres le paint
});Erreur fréquente observée en audit
Erreur observée. Un bon score Lighthouse est parfois interprété comme la preuve d’un INP satisfaisant. Pourtant, Lighthouse ne reproduit pas l’ensemble des interactions vécues par les utilisateurs réels. L’audit doit confronter les données CrUX ou RUM aux scripts exécutés après un clic, puis isoler l’input delay, le temps de traitement et le délai de rendu avant de prioriser les optimisations.
Faire expliquer ce terme par une IA
Ouvre le moteur de ton choix avec un prompt pré-rempli sur ce terme.
Sources
- 1web.dev – Interaction to Next Paint (INP) · 2025
- 2web.dev – Optimize Interaction to Next Paint · 2025
- 3HTTP Archive – Web Almanac 2025, chapitre Performance · 2025
Questions fréquentes
Quelle est la différence entre l’INP et le FID ?−
L’INP a remplacé le FID le 12 mars 2024. Le FID ne mesurait que le délai de la première interaction. L’INP observe toutes les interactions de la visite et retient la pire.
Quel élément dégrade le plus l’INP ?+
Les tâches JavaScript longues bloquent le thread principal. Un script tiers, une balise analytique ou un widget de discussion retardent la réponse au clic. Découper ces tâches reste le levier principal.
Un site sans JavaScript peut-il avoir un mauvais INP ?+
L’INP reste bon sur une page statique. Des animations CSS coûteuses ou un rendu très lourd dégradent la valeur dans de rares cas. La cause vient presque toujours du JavaScript.
Damien Hernandez
Consultant SEO senior, 17 ans d’expérience (Accor, Louvre Hotels, Infopro Digital). Spécialiste SEO technique, analyse de logs et optimisation pour les moteurs génératifs (GEO).