En mars 2024, Google a remplacé First Input Delay (FID) par Interaction to Next Paint (INP) comme métrique officielle de réactivité dans les Core Web Vitals. Le changement est significatif et beaucoup de sites qui étaient verts en FID sont rouges en INP.
Pourquoi INP est plus dur
FID mesurait uniquement le délai avant le premier traitement de la première interaction. INP mesure le délai total de toutes les interactions de la session, du clic jusqu’au prochain rendu visible. C’est une mesure beaucoup plus représentative de l’expérience réelle de l’utilisateur.
Les seuils
- Bon : INP < 200ms
- À améliorer : 200ms à 500ms
- Médiocre : > 500ms
Causes typiques d’un mauvais INP
- JavaScript trop lourd qui bloque le main thread
- Scripts tiers (chat, analytics, retargeting) mal optimisés
- Animations qui forcent du layout / paint
- Re-rendus React/Vue inefficaces sur les composants larges
- Event listeners qui font trop de travail synchrone
Comment l’améliorer
Audit avec Web Vitals Extension et Lighthouse en mode Real User. Identifier les interactions les plus lentes via PageSpeed Insights ou CrUX. Lazy-loader les scripts tiers. Diviser les composants React lourds. Utiliser requestIdleCallback pour différer le travail non critique. Éviter les document.write et les scripts bloquants.