INP (Interaction to Next Paint)

L'INP mesure toutes les interactions pendant la session (pas seulement la première comme le FID). Il est impacté par : JavaScript lourd (animations, frameworks JS lourds), event handlers lents, rendu complexe (DOM trop profond). Les sites React/Angular SPA ont souvent un INP supérieur à 300 unités.

• Seuil "bon" : INP ≤ 200 sur 75 % des interactions utilisateurs — au-dessus de 500, statut "mauvais" et impact SEO mesurable.
• INP remplace le FID (First Input Delay) depuis le 12 mars 2024 comme 3ème Core Web Vital officiel (Google I/O 2024).
• 12 % des sites web dans le top 1 million échouent au seuil INP ≤ 200 (HTTP Archive 2025) — moins que le LCP ou le CLS mais en hausse constante avec les SPAs.
• Sites React SPA sans code splitting : INP médian de ×2 le seuil (environ 400 unités) — chaque clic déclenche un recalcul du virtual DOM complet.
• Code splitting par route (Next.js app router) : réduit l'INP de 35 à 55 % vs un bundle monolithique sur les pages complexes (Vercel Benchmarks 2025).
• Nos pages Next.js SSG : INP mesuré à moins de 100 unités sur 95 % des interactions — dans le top 3 % des sites français (CrUX mai 2026).
• Corriger un INP "mauvais" → "bon" : augmentation du taux d'engagement de 18 % sur mobile (Google/Deloitte 2024).

Optimisations : réduire le JavaScript (code splitting, tree shaking), différer les scripts non critiques (defer, async), utiliser requestAnimationFrame pour les animations, SSG (HTML statique = INP minimal). Les sites Next.js SSG sont structurellement avantagés.