Mis à jour le 15 juillet 2026 · Relu et vérifié par Damien Hernandez

INP (Interaction to Next Paint) : definition, role et bonnes pratiques SEO

Comment fonctionne l’INP ?

L’INP decompose chaque interaction en trois phases mesurees par l’API Event Timing. L’input delay court du clic jusqu’au demarrage du gestionnaire d’evenement. Le processing time couvre l’execution du code de ce gestionnaire. Le presentation 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 defilement n’entre pas dans l’INP : il est gere par le thread compositeur, distinct du thread principal. Selon web.dev, la valeur reportee correspond au 75e centile sur 28 jours de donnees CrUX.

Pourquoi l’INP est important pour le SEO ?

L’INP pese comme signal Page Experience dans le classement Google, au meme 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 echouent l’INP, qui capte aussi les interactions lentes apres le premier clic. Google presente les Core Web Vitals comme un critere de depart entre pages de qualite equivalente, pas comme un levier de hierarchisation principal.

Critere	FID (retire)	INP
Statut	Retire en mars 2024	Core Web Vital actif
Portee	Premiere interaction seule	Toutes les interactions
Phases mesurees	Input delay seul	Input delay + processing + presentation
Seuil « bon »	100 ms	200 ms

Votre site echoue l’INP sur mobile ? Demandez un audit technique

Comment ameliorer son score INP ?

Reduire le JavaScript execute sur le thread principal ameliore l’INP en priorite. Decoupez les taches longues de plus de 50 ms, differez les scripts tiers et rendez la main au navigateur via scheduler.yield(). web.dev recommande de traiter d’abord l’interaction la plus lente, identifiee par la librairie web-vitals, puis de mesurer a nouveau sur 28 jours de donnees CrUX.

Peut-on mesurer l’INP avec Lighthouse ?

Lighthouse ne mesure pas l’INP de facon fiable, car l’INP depend d’interactions humaines reelles. Une execution en laboratoire simule un seul chargement, sans clic ni frappe representatifs. Google recommande les donnees terrain via PageSpeed Insights, le CrUX Dashboard ou une solution RUM. Un score Lighthouse vert avec un INP terrain mediocre reste un echec 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 optimisee affiche d’abord le retour visuel, rend la main au navigateur, puis lance le traitement lourd apres 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

Sources

• web.dev – Interaction to Next Paint (INP) · 2025
• web.dev – Optimize Interaction to Next Paint · 2025
• HTTP Archive – Web Almanac 2025, chapitre Performance · 2025

Termes lies