INP (Interaction to Next Paint)
L'INP mesure la réactivité d'une page : le temps entre une interaction utilisateur (clic, tap, touche clavier) et la mise à jour visuelle suivante. L'INP remplace le FID depuis mars 2024 comme Core Web Vital. Seuils : < 200ms = bon, 200-500ms = à améliorer, > 500ms = mauvais.
INP : définition complète
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 > 300ms.
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 atteignent un INP < 100ms.
Exemple concret
Un site WordPress avec 15 plugins : INP de 480ms (chaque clic attend le JS). Notre site Next.js SSG : INP de 68ms. L'utilisateur ne ressent aucun délai.
Concepts associés
PageSpeed
PageSpeed est le score de performance d'une page web mesuré par Google (0-100).
TechniqueLCP
Le LCP mesure le temps de rendu du plus grand élément visible dans le viewport (image héro, bloc de texte, vidéo).
TechniqueCLS
Le CLS mesure la stabilité visuelle d'une page : les décalages inattendus de contenu pendant le chargement (texte qui bouge, images qui poussent le contenu).
TechniqueNext.js
Next.
TechniqueMinification
La minification est la suppression des espaces, commentaires et caractères inutiles dans les fichiers CSS et JavaScript pour réduire leur taille.
Besoin d’aide pour votre stratégie digitale ?
Audit offert. Recommandations en 48h. Zéro engagement.