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 sur les données de performances en temps réel .
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.
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 statistique à votre tableau de statistiques, procédez comme suit :
- Accédez au tableau de bord des performances dans la console Firebase.
- 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, par exemple 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 du 75e centile de la métrique, qui correspond à Core Web Vitals . 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 75 % et une plage de temps de 7 derniers jours , la valeur de la statistique sera le 75e centile des données collectées du jour le plus récent et la variation en pourcentage sera 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
La surveillance des performances fournit une page de dépannage dans la console Firebase qui met en évidence les changements 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 des métriques pertinentes sur le tableau de bord et vous remarquez un grand delta.
- Dans le tableau des traces, vous triez pour afficher les plus grands deltas en haut, et vous constatez une variation significative 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 des manières suivantes :
- Dans le tableau de bord des métriques, cliquez sur le bouton Afficher les détails des métriques .
- Sur n'importe quelle carte 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 un nom de trace ou sur n'importe quelle valeur de mesure dans la ligne associée à cette trace.
- Dans une alerte par e-mail, cliquez sur Enquêter maintenant .
Lorsque vous cliquez sur un nom de trace dans le tableau des traces, vous pouvez ensuite explorer les métriques qui vous intéressent. Cliquez sur le bouton Filter pour filtrer les données par attribut, par exemple :
- 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
Une fois que vous avez cliqué sur une trace, vous pouvez explorer les métriques qui vous intéressent :
- Suivis des demandes réseau — Les onglets de mesures disponibles sont le temps de réponse et la taille de la charge utile de la réponse .
- Suivis de code personnalisés — L'onglet 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 onglets de métrique sont également affichés.
- Traces de chargement de page — Les onglets de métriques 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.
Vous pouvez trouver un résumé des performances pour la mesure sélectionnée juste en dessous des onglets de mesure. Cela inclut un aperçu en une phrase de la tendance de la métrique au fil du temps et un graphique pour visualiser la distribution des données sur toute la plage de dates sélectionnée.
Afficher des informations détaillées sur les données
Vous pouvez filtrer et segmenter les données par attribut, ou vous pouvez cliquer sur pour afficher les données dans le contexte d'une session d'utilisation d'application.
Par exemple, pour comprendre pourquoi le temps de réponse de votre réseau récent est lent et si un pays affecte les performances, procédez comme suit :
- Sélectionnez Pays dans la liste déroulante des attributs.
- 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.
- Sélectionnez les pays avec les dernières valeurs les plus élevées pour les tracer sur le graphique. Passez ensuite votre curseur sur la chronologie du graphique pour savoir quand les temps de réponse du réseau ont ralenti dans ces pays.
- Pour étudier plus en détail les causes profondes des problèmes de temps de réponse du réseau dans des pays spécifiques, ajoutez des filtres pour ces pays et continuez à enquêter sur d'autres attributs (comme les types de radio et les appareils).