Check out what’s new from Firebase at Google I/O 2022. Learn more

Surveillance des données de performances dans la console

Pour afficher les données de performances en temps réel, assurez-vous que votre application utilise une version du SDK de surveillance des performances compatible avec le traitement des données en temps réel. En savoir plus .

Suivez les indicateurs clés dans votre tableau de bord

Pour connaître l'évolution de vos métriques clés, ajoutez-les à votre tableau de métriques en haut du tableau de bord des performances . Vous pouvez rapidement identifier les régressions en voyant les changements d'une semaine sur l'autre ou vérifier que les modifications récentes de votre code améliorent les performances.

une image du tableau des métriques dans le tableau de bord Firebase Performance Monitoring

Voici quelques exemples de tendances que vous pourriez suivre :

  • Une amélioration du premier délai d'entrée car vous avez modifié le moment où votre application charge certains fichiers JavaScript
  • Une diminution du temps pour la première peinture de contenu après le passage à l'utilisation d'un CDN pour les actifs
  • Une baisse de la taille de la charge utile de réponse pour une requête réseau depuis que vous avez implémenté l'utilisation des vignettes
  • Une augmentation du temps de réponse du réseau pour un appel d'API tiers lors d'une panne de l'écosystème

Chaque membre d'un projet Firebase peut configurer son propre tableau de métriques. Vous pouvez suivre les métriques qui sont importantes pour vous, tandis que les autres membres du projet peuvent suivre des ensembles complètement différents de métriques clés sur leurs propres tableaux.

Pour ajouter une métrique à votre tableau de métriques, accédez au tableau de bord des performances dans la console Firebase, puis cliquez sur l'onglet Tableau de bord . Cliquez sur une carte de métrique vide, puis sélectionnez une métrique existante à ajouter à votre tableau. Cliquez sur sur une carte de métrique remplie pour plus d'options, comme remplacer ou supprimer une métrique.

Le tableau des métriques affiche les données métriques collectées au fil du temps, à la fois sous forme graphique et sous forme de pourcentage de variation numérique.

  • Chaque carte de métrique affiche la variation en pourcentage de la valeur de la métrique sur la plage de temps sélectionnée, ainsi que la valeur la plus récemment collectée de la métrique. La déclaration en haut du tableau des mesures est une interprétation de la variation en pourcentage.
  • Par défaut, le tableau des métriques affiche la valeur médiane de la métrique. Si vous souhaitez voir comment différents segments de vos utilisateurs perçoivent votre application, sélectionnez un centile différent dans le menu déroulant en haut de la page du tableau de bord.

Que signifient les couleurs rouge, vert et gris ?

La plupart des métriques ont une direction de tendance souhaitée, de sorte que le tableau des métriques utilise la couleur pour afficher une interprétation indiquant si les données de la métrique ont une tendance dans la bonne ou la mauvaise direction.

Par exemple, supposons que vous suiviez le premier délai d'entrée d'une page (une valeur qui devrait être petite). Si cette valeur augmente, le tableau des métriques affiche le pourcentage de changement de la métrique en rouge, attirant l'attention sur un problème possible. Cependant, si la valeur diminue ou reste inchangée, le tableau des mesures affiche le pourcentage en vert ou en gris, respectivement.

Si une métrique n'a pas de direction de tendance souhaitée évidente, comme la taille de la charge utile de réponse pour une requête réseau, le tableau des métriques affiche toujours le pourcentage de changement de la métrique en gris, quelle que soit la tendance des données.

Que signifient les lignes pleines et pointillées ?

  • ligne continue bleu foncé - la valeur de la métrique au fil du temps

  • ligne pointillée bleu clair - la valeur de la métrique à un moment précis dans le passé
    Par exemple, si vous choisissez d'afficher un graphique des 7 derniers jours et que vous survolez le 30 août, la ligne pointillée bleu clair vous indique la valeur de la statistique le 23 août.



Visualiser les traces et leurs données

Vous pouvez afficher toutes les traces de votre application dans le tableau des traces, qui se trouve au bas du tableau de bord des performances . Le tableau regroupe chaque type de trace dans un sous-onglet approprié. Par exemple, toutes les traces de requête réseau sont répertoriées sous le sous-onglet Requêtes réseau.

Le tableau des traces affiche les valeurs de certaines métriques supérieures pour chaque trace, ainsi que la variation en pourcentage de la valeur de chaque métrique. Ces valeurs sont calculées en fonction des sélections de centile et de plage de temps définies en haut de l'onglet Tableau de bord . Voici quelques exemples:

  • Si vous sélectionnez un centile de 50 % et une plage de temps de 7 derniers jours , la valeur de la statistique sera la médiane des données collectées du jour le plus récent et la variation en pourcentage correspondra à la variation depuis les 7 jours précédents.

  • Si vous modifiez ensuite la plage de temps sur Dernières 24 heures , la valeur de la métrique sera la médiane des données collectées de l' heure la plus récente , et la variation en pourcentage sera la variation depuis les 24 heures précédentes.

Vous pouvez trier la liste des suivis dans chaque sous-onglet en fonction de la valeur de la métrique ou du pourcentage de changement pour une métrique spécifique. Cela peut vous aider à identifier rapidement les problèmes potentiels dans votre application.

Pour afficher toutes les métriques et données d'une trace spécifique, cliquez sur le nom de la trace dans le tableau des traces. Les sections suivantes de cette page fournissent plus de détails.

Afficher plus de données pour une trace spécifique

Si vous cliquez sur un nom de trace dans le tableau des traces, vous pouvez ensuite cliquer sur différents écrans pour explorer la trace et explorer les métriques qui vous intéressent. Sur la plupart des pages, vous pouvez utiliser le bouton Filtrer l' (en haut à gauche de l'écran) pour filtrer les données par attribut, par exemple :

une image des données Firebase Performance Monitoring filtrées par attribut
  • Filtrer par URL de page pour afficher les données d'une page spécifique de votre site
  • Filtrez par Type de connexion effective pour savoir comment une connexion 3G impacte votre application
  • Filtrez par pays pour vous assurer que l'emplacement de votre base de données n'affecte pas une région spécifique

Afficher toutes les métriques collectées pour une trace

Si vous cliquez sur un nom de trace dans le tableau des traces, vous verrez un aperçu des données de la trace sur des cartes métriques.

Utilisez les options en haut à droite de l'écran pour afficher les données agrégées ou au fil du temps .

  • Traces de demande réseau — Les cartes de mesure disponibles sont le temps de réponse et la taille de la charge utile de réponse .
  • Suivis de code personnalisés — La carte de métrique de durée est toujours disponible (la métrique par défaut pour ce type de suivi). Si vous avez ajouté des métriques personnalisées à une trace de code personnalisée, ces fiches de métrique sont également affichées.
  • Traces de chargement de page — Les fiches de mesures disponibles incluent la première peinture , la première peinture de contenu , le premier délai d'entrée et les événements liés au DOM.

Afficher des informations détaillées sur les données

Si vous cliquez sur Afficher plus sur n'importe quelle carte de métrique, vous pouvez consulter des informations plus détaillées sur les données collectées et utiliser des fonctionnalités d'analyse plus riches. Par exemple, vous pouvez filtrer et segmenter les données par attribut.