Surveiller les données de performances dans la console


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

Suivre les métriques 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 Performances. Vous pouvez identifier rapidement les régressions en observant les changements d'une semaine à l'autre ou vérifier que les modifications récentes de votre code améliorent les performances.

Image du tableau de bord des métriques dans l'onglet <span class=Tableau de bord Firebase Performance Monitoring" />

Voici quelques exemples de tendances que vous pouvez suivre :

  • Une augmentation du temps de démarrage de l'application depuis que vous avez ajouté un appel d'API bloquant au démarrage de l'application
  • Une baisse de la taille de la charge utile de la réponse pour une requête réseau depuis que vous avez implémenté le redimensionnement des images en taille réelle en vignettes
  • Une baisse du taux de réussite du réseau pour un appel d'API tiers lors d'une panne de l'écosystème
  • Une diminution des frames d'affichage lent pour votre vue de tableau après l'optimisation du traitement hors écran de chaque élément

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

Pour ajouter une métrique à votre tableau de métriques, procédez comme suit :

  1. Accédez au tableau de bord Performances dans la console Firebase.
  2. Cliquez sur une fiche de métrique vide, puis sélectionnez une métrique existante à ajouter à votre tableau.
  3. Cliquez sur  sur une fiche de métriques renseignée pour afficher plus d'options, par exemple pour remplacer ou supprimer une métrique.

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

  • Chaque fiche de métrique affiche la variation en pourcentage de la valeur de la métrique sur la période sélectionnée, ainsi que la valeur la plus récemment collectée de la métrique. L'instruction en haut du tableau des métriques est une interprétation du pourcentage de variation.
  • Par défaut, le tableau de bord des métriques affiche la valeur du 90e centile de la métrique, ce qui correspond aux recommandations d'Apple. Si vous souhaitez voir comment différents segments d'utilisateurs perçoivent votre application, sélectionnez un autre centile dans le menu déroulant en haut de la page du tableau de bord.
  • Si vous disposez de différentes versions de votre application, vous pouvez voir l'évolution de la valeur de la métrique pour une version par rapport à une autre et/ou par rapport à toutes vos versions. Sélectionnez les versions dans les menus déroulants situés sous le graphique.

Que signifient les couleurs rouge, verte et grise ?

La plupart des métriques ont une direction de tendance souhaitée. Le tableau de bord des métriques utilise donc des couleurs pour indiquer si les données de la métrique évoluent dans une direction positive ou négative.

Par exemple, supposons que vous suiviez le temps de démarrage de votre application (une valeur qui doit être faible). Si cette valeur augmente, le tableau de bord des métriques affiche la variation en pourcentage de la métrique en rouge, ce qui attire l'attention sur un problème potentiel. Toutefois, si la valeur diminue ou reste inchangée, le tableau de bord des métriques affiche le pourcentage en vert ou en gris, respectivement.

Si une métrique n'a pas 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 la variation en pourcentage de la métrique en gris, quelle que soit la tendance des données.

Que signifient les lignes pleines et en pointillés ?

  • Ligne continue bleu foncé : valeur de la métrique au fil du temps pour toutes les versions de votre application.
    Cette ligne peut être considérée comme la référence pour votre application.

  • ligne continue vert clair : valeur de la métrique au fil du temps pour une version spécifique de votre application
    Par défaut, le tableau des métriques affiche les données de la dernière version. Pour afficher une autre version dans le graphique, utilisez le premier menu déroulant situé sous le graphique.

  • Grey solid line — the metric's value over time for another specific version of your app
    By default, the metrics board does not display data for a second version. Pour afficher une deuxième version dans le graphique, utilisez le deuxième menu déroulant situé sous le graphique.

  • Ligne pointillée bleu clair : valeur de la métrique pour toutes les versions à un moment précis dans le passé
    Par exemple, si vous choisissez d'afficher un graphique des sept derniers jours et que vous pointez sur le 30 août, la ligne pointillée bleu clair indique la valeur de la métrique pour toutes les versions le 23 août.



Afficher les traces et leurs données

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

Le tableau des traces affiche les valeurs de certaines métriques principales 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 période définies en haut de l'onglet Tableau de bord. Voici quelques exemples :

  • Si vous sélectionnez un centile de 90 % et une période de 7 derniers jours, la valeur de la métrique sera le 90e centile des données collectées au cours du jour le plus récent, et la variation en pourcentage sera la variation depuis 7 jours.
  • Si vous modifiez ensuite la période sur 24 dernières heures, la valeur de la métrique sera la médiane des données collectées au cours de l'heure la plus récente, et la variation en pourcentage sera la variation depuis 24 heures.

Vous pouvez trier la liste des traces de chaque sous-onglet par valeur de métrique ou par variation en pourcentage d'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

Performance Monitoring fournit une page de dépannage dans la console Firebase qui met en évidence les modifications de métriques, ce qui permet de résoudre rapidement et de minimiser l'impact des problèmes de performances sur vos applications et vos utilisateurs. Vous pouvez utiliser la page de dépannage lorsque vous découvrez des problèmes de performances potentiels, par exemple dans les scénarios suivants :

  • Vous sélectionnez les métriques pertinentes dans le tableau de bord et vous remarquez un écart important.
  • Dans le tableau des traces, vous triez les données pour afficher les deltas les plus importants en haut, et vous constatez une variation de pourcentage significative.
  • Vous recevez une alerte par e-mail vous informant d'un problème de performances.

Vous pouvez accéder à la page de dépannage de différentes manières :

  • Dans le tableau de bord des métriques, cliquez sur le bouton Afficher les détails de la métrique.
  • Sur n'importe quelle fiche de métrique, sélectionnez  => Afficher les détails. La page de dépannage affiche des informations sur la métrique que vous avez sélectionnée.
  • Dans le tableau des traces, cliquez sur le nom d'une trace ou sur une valeur de métrique dans la ligne associée à cette trace.
  • Dans une alerte par e-mail, cliquez sur Examiner.

Lorsque vous cliquez sur le nom d'une trace dans le tableau des traces, vous pouvez explorer les métriques qui vous intéressent. Cliquez sur le bouton Filtrer  pour filtrer les données par attribut, par exemple :

une image de <span class=Données Firebase Performance Monitoring filtrées par attribut" />
  • Filtrez par version de l'application pour afficher les données d'une version précédente ou de la dernière version.
  • Filtrez par Appareil pour savoir comment les anciens appareils gèrent 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

Une fois que vous avez cliqué sur une trace, vous pouvez explorer les métriques qui vous intéressent :

  • Traces de requêtes réseau : les onglets de métriques disponibles sont Temps de réponse, Taille de la charge utile de réponse, Taille de la charge utile de requête et Taux de réussite.
  • Traces de démarrage de l'application, d'application au premier plan, d'application en arrière-plan et de code personnalisé : l'onglet de la métrique Durée est toujours disponible (métrique par défaut pour ces types de traces). Pour les traces de code personnalisées, si vous avez ajouté des métriques personnalisées à la trace, les onglets de ces métriques sont également affichés.
  • Traces de rendu d'écran : les onglets de métriques disponibles sont Affichage lent et Images figées.

Un récapitulatif des performances de la métrique sélectionnée s'affiche juste en dessous des onglets des métriques. Cela inclut une présentation en une phrase de la tendance de la métrique au fil du temps, ainsi qu'un graphique permettant de visualiser la distribution des données sur l'ensemble de la plage de dates sélectionnée.

une image de <span class=Répartition des codes d'erreur Firebase Performance Monitoring" />

Par exemple, si la métrique sélectionnée est Taux de réussite du réseau, le graphique affiche une répartition de tous les codes d'erreur et de leurs pourcentages parmi toutes les réponses d'erreur (y compris les codes d'erreur exclus de la console Firebase).

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

Vous pouvez filtrer et segmenter les données par attribut, ou cliquer pour afficher les données dans le contexte d'une session d'utilisation de l'application.

Par exemple, pour comprendre pourquoi le temps de réponse de votre réseau est lent et si un pays affecte les performances, procédez comme suit :

  1. Sélectionnez Pays dans le menu déroulant des attributs.
  2. Dans le tableau, triez par valeur la plus récente pour voir les pays qui ont le plus d'impact sur les temps de réponse de votre réseau.
  3. Sélectionnez les pays dont les valeurs les plus récentes sont les plus élevées pour les tracer sur le graphique. Pointez ensuite sur la chronologie du graphique pour savoir quand les temps de réponse du réseau ont ralenti dans ces pays.
  4. Pour examiner plus en détail les causes principales des problèmes de temps de réponse du réseau dans des pays spécifiques, ajoutez des filtres pour ces pays et continuez à examiner d'autres attributs (comme les types de radio et les appareils).



Afficher plus d'informations sur les sessions utilisateur

Performance Monitoring fournit également des rapports sur les sessions utilisateur, qui correspondent aux périodes pendant lesquelles votre application est au premier plan. Ces rapports sont associés à une trace spécifique et la présentent dans un contexte chronologique d'autres traces collectées par Performance Monitoring au cours de la même session.

Par exemple, vous pouvez voir vos traces de code personnalisées alignées dans l'ordre dans lequel elles ont commencé (ainsi que leurs durées individuelles), et vous pouvez également voir toutes les traces de requêtes réseau qui se sont produites en même temps.

La console affiche un échantillon aléatoire de ces sessions utilisateur. Elles sont disponibles pour les applications Apple et Android, et pour tous les types de traces, à l'exception des traces de rendu d'écran.

Voici d'autres données que vous pouvez consulter sur une session utilisateur :

Image de l'icône <span class=Page des sessions Firebase Performance Monitoring" />
  • Informations sur la trace : informations détaillées sur la trace pour cette session, y compris l'heure de début, l'heure de fin, les attributs (comme l'appareil et le pays) et toutes les métriques applicables à ce type de trace (par exemple, la durée d'une trace de code personnalisé ou le temps de réponse d'une trace de requête réseau).
  • Processeur : temps utilisateur et temps système consommés par votre application pendant la session.
  • Mémoire : quantité de mémoire de tas utilisée par votre application pendant la session

Afficher les données de session

  1. Accédez au tableau de bord Performances dans la console Firebase, faites défiler la page jusqu'au tableau des traces, puis cliquez sur le sous-onglet approprié pour la trace qui vous intéresse.
  2. Cliquez sur le nom de la trace dans le tableau pour afficher toutes les métriques disponibles.
  3. Pour afficher les données de session de la trace spécifiée, cliquez sur Afficher toutes les sessions.
  4. Pour afficher les sessions associées à une valeur d'attribut de la métrique sélectionnée, pointez sur la ligne souhaitée, puis cliquez sur le texte Sessions qui s'affiche dans la colonne la plus à droite de cette ligne.
Image de l'icône <span class=Trace Firebase Performance Monitoring avec un lien vers les sessions" />

Filtrer les sessions par centile

Les sessions sont réparties en centiles pour chaque métrique. Les sessions des plages de centiles inférieures ont une valeur de métrique inférieure à celle des sessions des plages de centiles supérieures.

Pour filtrer les sessions disponibles par centile, utilisez le menu déroulant des centiles au-dessus des détails des sessions ou faites glisser les poignées du graphique.

Image de l'icône <span class=Page des sessions Firebase Performance Monitoring" />