INP et Core Web Vitals en pratique

Une page peut afficher rapidement son premier contenu et réagir lentement aux clics. Les tests de performance dépassent donc le chargement initial pour examiner les tâches réalisées ensuite.

Ce que mesure INP

INP décrit la réactivité lors des clics, interactions tactiles et saisies au clavier. Le diagnostic part d’actions concrètes ressenties comme lentes, plutôt que d’une modification arbitraire du code.

Documentation: web.dev.

Partir d’un scénario

Ouvrir un menu, ajouter un produit ou développer des filtres fournit un cas test. Appareil, conditions et moment du délai sont notés. Une seule mesure ne représente pas tous les utilisateurs.

Identifier le travail qui retarde la réponse

Nous examinons calculs, mises à jour de l’interface et scripts exécutés pendant l’action. Une amélioration supprime du travail inutile ou revoit son ordre. Une animation d’attente seule ne corrige pas la cause.

Exemple de filtre complexe

Si un choix recalcule plusieurs fois toute la liste, nous recherchons cette répétition. Après correction, nous vérifions vitesse et exactitude. Un filtre rapide n’est pas un succès s’il masque des produits ou affiche des données périmées.

Réception et suivi

Le même scénario est comparé avant et après, puis complété par les données d’usage disponibles. Les conditions restent documentées. Les nouveaux scripts, composants et connexions doivent aussi être évalués pour leur impact sur les interactions.