INP : trouver ce qui ralentit les clics sur votre site
Une page peut apparaître rapidement puis répondre trop lentement au clic. L’INP, Interaction to Next Paint, sert à examiner cette réactivité. Commencez par les actions concrètes qui ralentissent : ouvrir le menu, choisir une variante, filtrer une collection ou ajouter au panier.
Distinguer affichage initial et interaction
Le guide INP de web.dev décrit la mesure de réactivité au cours de la visite. Un bon temps de chargement ne garantit donc pas que le configurateur ou le panier répondra correctement après plusieurs manipulations.
| Moment | Ce qu’il faut rechercher |
|---|---|
| Avant le traitement du clic | Travail JavaScript qui bloque le navigateur |
| Pendant le traitement | Calcul ou mise à jour trop coûteuse |
| Avant l’affichage du résultat | Mise en page et rendu retardés |
Ne cherchez pas uniquement un fichier image trop lourd. Le problème peut venir d’une opération exécutée sur chaque frappe ou de plusieurs extensions qui réagissent au même événement.
Reproduire une interaction lente
Choisissez une page et une action précises. Notez appareil, navigateur, contenu et état de la session. Refaites l’essai avec un catalogue ou un panier représentatif : une page vide ne reproduit pas forcément le coût des calculs réels.
Exemple fictif : sélectionner une matière dans un configurateur déclenche le recalcul de toutes les combinaisons, le rendu de l’aperçu et plusieurs appels de mesure. L’analyse doit identifier le travail qui retarde la réponse visible, avant de décider quelle partie simplifier.
Comparer laboratoire et terrain
Un outil de développement aide à isoler une interaction. Les données de terrain décrivent les visites disponibles sur une période et peuvent mélanger appareils et pages. L’absence de données ne constitue pas une preuve de performance correcte.
Conservez les deux lectures : scénario reproductible pour corriger, données réelles pour suivre l’évolution. Une mesure immédiate après publication ne peut pas représenter à elle seule une fenêtre complète de terrain.
Corriger sans masquer le fonctionnement
Réduisez le travail inutile, différez ce qui peut attendre et donnez un retour visuel rapide quand une opération nécessite du temps. Une animation de chargement ne résout pas un blocage qui empêche de cliquer ou de modifier une option.
Après intervention, vérifiez résultat du calcul, absence de double ajout et navigation au clavier. Les guides LCP et CLS traitent d’autres problèmes : les trois diagnostics doivent rester séparés pour ne pas corriger au hasard.
Questions fréquentes
L’INP mesure-t-il le temps total de chargement d’une page ?
Il renseigne sur la réactivité aux interactions, pas sur l’ensemble du chargement initial. Une page peut afficher son contenu puis rester lente lorsqu’on utilise un filtre ou un configurateur.
Quelles interactions tester quand l’INP est mauvais ?
Reproduisez les actions importantes pour le client : sélection, filtre, saisie ou ajout au panier selon le site. Recherchez les traitements qui occupent le navigateur au moment de ces actions.
Un meilleur INP prouve-t-il une hausse de conversion ?
Il établit une amélioration de réactivité dans le périmètre mesuré. Le bon fonctionnement et le résultat commercial doivent être vérifiés séparément.
Sources
Documentation consultée le 23 octobre 2026.