Front & intégration Analyse
INP : la métrique de réactivité qui pénalise les boutiques chargées de scripts
Depuis le 12 mars 2024, l'Interaction to Next Paint a remplacé le First Input Delay dans les Core Web Vitals. Elle mesure le temps de réaction de la page à chaque clic, sur toute la visite. Sur une boutique, les filtres, les variations et l'ajout au panier sont en première ligne.
Le 12 mars 2024, Google a remplacé le First Input Delay (FID) par l’Interaction to Next Paint (INP) dans les Core Web Vitals. Le changement paraît technique ; il est surtout plus sévère. Le FID ne mesurait que le délai avant le traitement de la première interaction. L’INP observe toutes les interactions de la visite, clics, touchers et frappes au clavier, et retient l’une des plus lentes.
Beaucoup de sites qui passaient sans effort le FID se sont retrouvés en orange ou en rouge sur l’INP. Les boutiques en ligne sont particulièrement exposées, parce qu’elles sont faites d’interactions.
Les seuils
L’INP se mesure sur de vraies visites, au 75e centile. Un test en laboratoire sur un ordinateur récent ne dit presque rien : ce sont les téléphones d’entrée de gamme de la clientèle réelle qui font le score.
Où une boutique perd ses millisecondes
- Les scripts tiers. Pixels publicitaires, outils d’analyse, widgets d’avis, chat, gestion du consentement : chacun occupe le fil principal du navigateur. Un clic qui arrive pendant leur exécution attend son tour.
- Les filtres de catégorie. Cocher une taille ou une couleur déclenche souvent un recalcul complet de la liste, côté navigateur, avant le moindre retour visuel.
- Le choix d’une variation. Changer de couleur met à jour le prix, la galerie, le stock et parfois le bouton d’achat : autant de manipulations de la page réalisées d’un seul bloc.
- L’ajout au panier. Le mini-panier qui se recalcule, les fragments rafraîchis, l’animation : tout ce qui se passe avant que l’utilisateur voie que son clic a été pris en compte.
L’équipe Chrome présente la métrique et sa logique dans cette vidéo de sa chaîne officielle ; l’article de référence Interaction to Next Paint sur web.dev détaille le calcul et les outils de mesure.
La méthode de correction
- Mesurer sur le terrain. Le rapport Core Web Vitals de la Search Console indique quels groupes de pages sont concernés, sur mobile ou sur ordinateur.
- Identifier l’interaction lente. Le panneau Performance des outils de développement de Chrome, avec un processeur ralenti, montre quelle interaction dépasse le seuil et quel script l’occupe.
- Répondre d’abord, calculer ensuite. Afficher immédiatement un retour visuel (état du bouton, indicateur de chargement), puis déléguer le travail lourd à une tâche suivante.
- Faire maigrir les scripts tiers. Chaque outil marketing est réévalué : utile, chargé seulement là où il sert, ou supprimé.
- Surveiller. L’INP se dégrade à chaque nouvel outil ajouté. Un contrôle mensuel évite de découvrir le problème six mois plus tard.
Ce qu’il faut retenir
- L’INP remplace le FID depuis le 12 mars 2024 et mesure toutes les interactions de la visite.
- Bon jusqu’à 200 ms, mauvais au-delà de 500 ms, au 75e centile des visites réelles.
- Sur une boutique, les scripts tiers et les interactions de catalogue sont les premiers suspects.
Quand un INP est mauvais, je commence presque toujours par ouvrir la liste des scripts chargés sur la fiche produit. On y trouve régulièrement deux outils d’analyse qui font la même chose, un pixel d’une campagne terminée depuis un an et un widget que personne ne regarde. Supprimer coûte moins cher qu’optimiser. — Simon Janvier
Votre boutique est en orange ou en rouge sur l’INP ? L’audit offert mesure la réactivité de vos pages clés et désigne les scripts en cause. Demander l’audit e-commerce
