Pour afficher les données de 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 de performances en temps réel
Suivre les métriques clés dans votre tableau de bord
Pour découvrir les tendances de vos métriques clés, ajoutez-les à votre panneau des métriques en haut de la Performances. Vous pouvez identifier rapidement les régressions en examinant les données d'une semaine à l'autre ou vérifier que des modifications récentes apportées à votre code améliorent les performances.
Tableau de bord Firebase Performance Monitoring" />
Voici quelques exemples de tendances que vous pouvez suivre :
- Amélioration du délai de première entrée, car vous avez modifié le moment où votre application charge certains Fichiers JavaScript
- Baisse du délai d'exécution de First Contentful Paint après le passage à un CDN pour éléments
- Une baisse de la taille de la charge utile de réponse pour une requête réseau depuis que vous avez mis en œuvre l'utilisation miniatures sur
- Augmentation du temps de réponse du réseau pour un appel d'API tiers au cours d'un écosystème interruption
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 les critères sur leurs propres tableaux.
Pour ajouter une métrique à votre tableau de métriques, procédez comme suit:
- Accédez au Tableau de bord Performances dans la console Firebase
- Cliquez sur une fiche de métrique vide, puis sélectionnez une métrique existante à ajouter à votre tableau.
- Cliquez sur sur une fiche de métrique remplie pour afficher plus d'options ; par exemple pour remplacer ou supprimer une métrique.
Le panneau des métriques affiche les données de métriques collectées au fil du temps, à la fois sous forme graphique 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. plage, ainsi que la dernière valeur collectée pour la métrique. L'instruction située en haut de la le tableau des métriques est une interprétation de la variation en pourcentage.
- Par défaut, le panneau des métriques affiche la valeur du 75e centile de la métrique, qui correspond à Core Web Vitals. Pour découvrir comment différents segments d'utilisateurs utilisent votre application, sélectionnez une centile différent dans le menu déroulant en haut de la page du tableau de bord.
Que signifient les couleurs rouge, verte et grise ?
La plupart des métriques ont une tendance souhaitée. Le tableau de bord des métriques utilise donc la couleur pour indiquer si les données de la métrique évoluent dans le bon ou le mauvais sens.
Par exemple, imaginons que vous suiviez le premier délai d'entrée d'une page (une valeur qui devrait être faible). Si cette valeur augmente, le tableau des métriques affiche le pourcentage correspondant change en rouge pour attirer l'attention sur un problème possible. 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 ne présente pas de tendance claire souhaitée, par exemple taille de la charge utile de la réponse à une requête réseau, le tableau des métriques affiche toujours la la variation en pourcentage de la métrique apparaît en gris, quelle que soit la tendance des données.
Que signifient les lignes continues et en pointillés ?
-
ligne continue bleu foncé : valeur de la métrique au fil du temps
-
Ligne en pointillés bleu clair : valeur de la métrique à un moment spécifique dans le passé
Par exemple, si vous sélectionnez un graphique sur les sept derniers jours et que vous pointez sur le 30 août, la ligne en pointillés bleu clair indique la valeur de la métrique 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, situé en bas du tableau de bord "Performances". La table regroupe chaque type de trace dans un sous-onglet approprié. Par exemple, toutes les traces des 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 avec la variation en pourcentage pour la valeur de chaque métrique. Ces valeurs sont calculées en fonction des sélections de percentile et de la période définies en haut de l'onglet Tableau de bord. Voici quelques exemples :
- Si vous sélectionnez un centile de 75% et une période 7 derniers jours : la valeur de la métrique correspond au 75e centile des données collectées du jour le plus récent. La variation en pourcentage correspondra à la variation depuis sept jours.
- Si vous remplacez ensuite la période par Dernières 24 heures, le nombre correspond à la médiane des données collectées au cours de l'heure la plus récente ; et la variation en pourcentage correspond à celle des 24 heures précédentes.
Vous pouvez trier la liste des traces dans chaque sous-onglet en fonction de la valeur de la métrique ou du de variation en pourcentage 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 son nom dans la table des traces. Pour en savoir plus, consultez les sections suivantes de cette page.
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 la métrique ce qui vous permet de résoudre rapidement les problèmes de performances et de limiter leur impact les applications et les utilisateurs. Consultez la page de dépannage pour connaître les problèmes des problèmes de performances, par exemple, dans les scénarios suivants:
- Vous sélectionnez des métriques pertinentes dans le tableau de bord et vous remarquez un grand delta.
- Dans le tableau des traces, vous triez de manière à afficher les deltas les plus grands en haut, et vous voyez un changement significatif en pourcentage.
- 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 une fiche de métriques, sélectionnez
. => Afficher les détails La page de dépannage affiche des informations sur la métrique sélectionné. - Dans le tableau des traces, cliquez sur le nom d'une trace ou sur une valeur de métrique dans la ligne associée à ce nom. traceur.
- Dans une alerte par e-mail, cliquez sur Examiner maintenant.
Lorsque vous cliquez sur le nom d'une trace dans le tableau des traces, vous pouvez afficher le détail des métriques de
d’intérêt. Cliquez sur l'icône
Bouton
Données Firebase Performance Monitoring filtrées par attribut />
- Filtrez par URL de page pour afficher les données d'une page spécifique de votre site.
- Filtrez les données par Type de connexion effectif pour connaître l'impact d'une connexion 3G sur votre application
- Filtrez les données par Pays pour vous assurer que l'emplacement de votre base de données n'affecte pas un pays spécifique. région
Afficher toutes les métriques collectées pour une trace
Après avoir cliqué sur une trace, vous pouvez afficher le détail des métriques qui vous intéressent:
- Traces de requête réseau : les onglets de métriques disponibles sont Temps de réponse et taille de la charge utile de la réponse.
- Traces de code personnalisées : l'onglet de la métrique Durée est toujours disponible (par défaut, pour ce type de trace). Si vous avez ajouté des métriques personnalisées à une trace de code personnalisée, ces métriques "Métriques" s'affichent également.
- Traces de chargement de page : les onglets de métriques disponibles incluent First Paint, First Contentful Paint, First Input Delay et les événements liés au DOM.
Graphique de distribution Firebase Performance Monitoring" />
Vous trouverez un résumé des performances de la métrique sélectionnée juste en dessous des onglets de métrique. Cela comprend un aperçu en une phrase de la tendance de la métrique au fil du temps et un graphique pour visualiser la répartition des données sur l'ensemble de la période sélectionnée.
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 d'une application.
Par exemple, pour comprendre pourquoi votre temps de réponse réseau récent est lent et si un pays affecte les performances, procédez comme suit :
- Sélectionnez Pays dans le menu déroulant des attributs.
- Dans le tableau, triez par la dernière valeur pour voir les pays qui ont le plus d'impact sur les temps de réponse du réseau.
- Sélectionnez les pays avec les valeurs les plus récentes pour les représenter sur le graphique. Passez ensuite la souris sur Passez la souris sur la chronologie du graphique pour savoir quand les temps de réponse du réseau sont ralentis dans ces pays.
- Pour approfondir l'identification des causes des problèmes de temps de réponse du réseau dans des pays spécifiques, ajoutez des filtres pour ces pays et poursuivez vos recherches sur d'autres attributs (comme la radio types et appareils).