Marques et mesures du temps utilisateur

Qu'est-ce que l'API User Timing ?

Rendre votre application Web rapide et réactive est cruciale pour une bonne expérience utilisateur. Pour améliorer les performances, la première étape consiste à identifier les ressources à consacrer au temps passé.

L'API User Timing permet de mesurer les performances JavaScript de votre application. Pour ce faire, vous devez insérer des appels d'API dans le code JavaScript, puis extraire des données temporelles détaillées que vous pouvez utiliser pour optimiser votre code. Vous pouvez accéder à ces données à partir de JavaScript à l'aide de l'API ou en les affichant sur les enregistrements de la chronologie des outils pour les développeurs Chrome.

Consultez la page sur l'API User Timing pour découvrir une présentation rapide de son utilisation.

Comment Lighthouse génère-t-il des rapports sur le temps utilisateur ?

Lorsque votre application utilise l'API User Timing pour ajouter des marques (c'est-à-dire des horodatages) et des mesures (c'est-à-dire des mesures du temps écoulé entre les marques), elles apparaissent dans votre rapport Lighthouse:

Capture d'écran de l'audit des marques et des mesures de la durée utilisateur de Lighthouse

Lighthouse extrait les données de temps utilisateur de l'outil de profilage des événements de trace de Chrome.

Cet audit n'est pas structuré comme un test de réussite ou d'échec. Il s'agit simplement de l'occasion de découvrir une API utile qui peut vous aider à mesurer les performances de votre application.

Conseils spécifiques à la pile

React

Utilisez React DevTools Profiler, qui exploite l'API Profiler, pour mesurer les performances de rendu de vos composants.

Ressources