Introduction
Speed Analysis Lab collecte automatiquement vos custom timings, ou "indicateurs de temps personnalisés" (vous pouvez créer vos propres métriques pour qu'elles correspondent spécifiquement à vos besoins et vous apporte des données pertinentes à votre situation). Ces custom timings peuvent être configurés sur vos pages en toute simplicité, avec une interface JavaScript standard supportée par tous les navigateurs à jour (aucune bibliothèque externe ne sera donc requise sur votre site).
Les custom timings sont un moyen simple d'améliorer le suivi de vos performances. Ils vous permettent de créer des indicateurs spécifiques à votre cas qui cibleront vos besoins d'analyse plus en détail et relèveront au mieux les défis posés par vos pages (et ce, sans avoir à installer de JavaScript complémentaire, puisqu'il s'agit d'une API standard).
Exemples de Custom Timings :
- Calculez le temps écoulé entre le début d'une saisie dans la barre de recherche et le moment où la complétion automatique est chargée et fonctionnelle.
- Sur une page de liste de produits, calculez le temps requis pour que les utilisateurs puissent commencer à utiliser les filtres.
- Calculez combien de temps s'écoule entre le moment où l'icône de chargement apparaît et celui où il disparaît pour afficher le contenu final.
- Si votre interface est composée de plusieurs widgets séparés, calculez à quel moment chaque widget est disponible.
Comment utiliser les custom timings (User Timing API)
Speed Analysis Lab collecte automatiquement les "points de repères" et les "mesures" que vos développeurs signalent dans vos pages web (en utilisant l'API User Timing). Pensez à établir des conventions quant aux noms de vos repères et mesures, cela vous permettra d'analyser vos données plus facilement par la suite.
L'implémentation d'un repère est très simple. Il suffit à vos développeurs d'insérer une seule ligne de code au bon endroit dans votre code JS :
performance.mark("my-custom-timing");
Configurez vos propres custom timings pour les éléments les plus pertinents de vos pages et Speed Analysis Lab commencera immédiatement à collecter les données correspondantes.
Afficher les custom timings
Accédez aux custom timings depuis deux endroits dans Speed Analysis Lab.
1. Le Waterfall (vous pouvez accéder au Waterfall depuis votre rapport d'analyse de la vitesse)
2. Dans les métriques affichées dans les écrans, groupes de pages, scénarios et les rapports de comparaisons.
Sélectionnez "Gérer les métriques affichées" et scrollez vers le bas jusqu'à la section des custom timings. Seuls les repères pourront être affichés dans le graphique linéaire (les mesures ne sont pas représentées).