Catch up on everthing we announced at this year's Firebase Summit. 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 savoir comment affichent une tendance, ajoutez vos paramètres clés à votre carte des paramètres en haut du tableau de bord de performance. Vous pouvez identifier rapidement les régressions en observant les modifications d'une semaine à l'autre ou vérifier que les modifications récentes apportées à 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 pouvez suivre :

  • Une amélioration dans le premier retard d'entrée que vous avez changé lorsque votre charge app certains fichiers JavaScript
  • Une diminution du temps pour la première peinture pourvues d'un contenu après la commutation d'utiliser un CDN pour les actifs
  • Une diminution de la taille de la charge utile de réponse à une demande de réseau depuis l'utilisation des mis en œuvre les 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 mesure à votre carte de métriques, allez sur le tableau de bord de performance 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 une carte métrique peuplée pour plus d' options, comme pour 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 la liste déroulante en haut de la page du tableau de bord.

Que signifient les couleurs rouge, verte et grise ?

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 évoluent dans une bonne ou une mauvaise direction.

Par exemple, supposons que vous effectuez le suivi premier retard d'entrée d'une page (une valeur qui devrait être faible). 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 est décroissante ou inchangée, le tableau des mesures affiche le pourcentage en vert ou en gris, respectivement.

Si une mesure n'a pas une direction de tendance évidente souhaitée, comme la taille de la charge utile de réponse à une demande de réseau, les paramètres bord affiche toujours la variation en pourcentage de métrique en gris, quelle que soit la façon dont les données sont une tendance.

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 métrique le 23 août.



Afficher les traces et leurs données

Vous pouvez voir toutes les traces de votre application dans le tableau des traces, qui se trouve au bas du tableau de bord de performance . Le tableau regroupe chaque type de trace dans un sous-onglet approprié. Par exemple, toutes les traces de demande de réseau sont répertoriés sous le réseau demande sous - onglet.

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

  • Si vous sélectionnez un percentile de 50% et une plage horaire de 7 derniers jours, la valeur de mesure sera la médiane des données recueillies à partir du dernier jour, et la variation en pourcentage sera le changement depuis 7 jours avant.

  • Si vous modifiez alors la plage de temps pour durer 24 heures, alors la valeur de la métrique sera la médiane des données recueillies à partir de la dernière heure, et la variation en pourcentage sera le changement depuis 24 heures avant.

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

Pour voir tous les paramètres et les données pour une trace spécifique, cliquez sur le nom de 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 filtre le bouton ( 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 la page pour visualiser les données d'une page spécifique de votre site
  • Filtrer par type de connexion efficace pour apprendre comment un impact de connexion 3g votre app
  • Filtrer par pays pour vous assurer que l' emplacement de votre base de données ne touche 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 les cartes métriques.

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

  • Traces de demande réseau - Les cartes métriques disponibles sont le temps de réponse et la taille de la charge utile de réponse.
  • Traces de code personnalisé - La carte métrique durée est toujours disponible (la métrique par défaut pour ce type de trace). Si vous avez ajouté des métriques personnalisées à une trace de code personnalisé, ces cartes de métriques sont également affichées.
  • Page traces de charge - Les cartes métriques disponibles incluent première peinture, première peinture pourvues d'un contenu, premier retard d'entrée, et les événements connexes DOM.

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

Si vous cliquez sur Afficher davantage sur une carte métrique, vous pouvez passer en revue plus approfondie des informations sur les données recueillies et utiliser les fonctions d'analyse plus riches. Par exemple, vous pouvez filtrer et segmenter les données par attribut.