Performance

INP

Interaction to Next Paint

En français : Interaction jusqu'au prochain affichage

Définition

L'INP mesure la réactivité de la page : le temps entre une action de l'utilisateur (clic, tap) et la réponse visuelle du site.

Explication détaillée

L'INP a remplacé le FID en 2024 comme métrique d'interactivité. Un bon INP est inférieur à 200 millisecondes. Un INP élevé donne l'impression que le site est "lent" ou "figé". Pour l'améliorer : réduisez le JavaScript, optimisez les scripts tiers.

Exemple concret

L'utilisateur clique sur "Ajouter au panier" et le bouton met 500ms à réagir : mauvais INP.

Bonnes pratiques

  • Réduisez la quantité de JavaScript exécuté sur la page.
  • Différez le chargement des scripts non essentiels (defer, async).
  • Divisez les longues tâches JavaScript en tâches plus petites.
  • Optimisez les gestionnaires d'événements (click, scroll).
  • Auditez et limitez les scripts tiers (analytics, chat, pubs).

Erreurs courantes à éviter

  • Charger trop de scripts tiers qui bloquent le thread principal.
  • Exécuter du JavaScript lourd au chargement de la page.
  • Ne pas tester l'INP sur des appareils mobiles moins puissants.
  • Ignorer les longues tâches signalées par Chrome DevTools.

Passez de la théorie à la pratique

Maintenant que vous comprenez ce qu'est l'INP, analysez votre site pour voir comment l'améliorer.

Analyser mon site gratuitement