En savoir plus sur les données de performances du rendu d'écran (applications Apple et Android)


Performance Monitoring utilise des traces pour collecter des données sur les processus surveillés dans votre application. Une trace est un rapport contenant des données capturées entre deux points dans le temps dans votre application.

Pour les applications Apple et Android, Performance Monitoring mesure automatiquement les performances de rendu des différents écrans de votre application. Performance Monitoring crée une trace de rendu d'écran pour chaque écran de votre application. Ces traces collectent et mesurent les métriques suivantes:

  • Cadres d'affichage lents : mesure le pourcentage d'instances d'écran qui mettent plus de 16 ms à s'afficher.

  • Cadres figés : mesure le pourcentage d'instances d'écran qui mettent plus de 700 ms à s'afficher.

Les images lentes ou figées dans votre application peuvent entraîner de mauvaises performances de l'appareil, également appelées à-coups ou latence. La capture des métriques de frame d'affichage lent et figé peut vous aider à identifier les écrans les moins performants, ce qui vous permet d'améliorer les performances d'affichage de votre application.

Vous pouvez afficher les données des traces de rendu d'écran dans l'onglet Rendu d'écran du tableau des traces. Le tableau des traces se trouve en bas de la page Performances de la console Firebase. Pour en savoir plus, consultez la section Suivre, afficher et filtrer les données de performances.

Métriques collectées par les traces de rendu d'écran

Ces traces sont prêtes à l'emploi. Vous ne pouvez donc pas y ajouter de métriques ni d'attributs personnalisés.

Les images de rendu lent et les images figées sont calculées avec une fréquence d'actualisation de l'appareil de 60 Hz. Si la fréquence d'actualisation d'un appareil est inférieure à 60 Hz, le délai d'affichage de chaque frame est plus long, car moins de frames sont affichés par seconde. Des temps d'affichage plus lents peuvent entraîner l'affichage de plus de frames lents ou figés, car un plus grand nombre de frames seront affichés plus lentement ou seront figés. Toutefois, si la fréquence d'actualisation d'un appareil est supérieure à 60 Hz, le temps de rendu de chaque frame est plus rapide. Cela peut entraîner moins de rapports sur les images lentes ou figées. Il s'agit d'une limitation actuelle du SDK Performance Monitoring.

Cadres d'affichage lents

Cette métrique correspond au pourcentage de sessions utilisateur ayant enregistré un rendu lent notable pour un écran spécifique. Plus précisément, cette métrique correspond au pourcentage d'instances d'écran au cours desquelles plus de 50% des images ont mis plus de 16 ms à s'afficher.

Cadres figés

Cette métrique correspond au pourcentage de sessions utilisateur ayant enregistré un nombre notable d'images figées pour un écran spécifique. Plus précisément, cette métrique correspond au pourcentage d'instances d'écran au cours desquelles plus de 0,1% des images ont mis plus de 700 ms à s'afficher.

Comment les traces de rendu d'écran sont-elles générées ?

Chaque trace de rendu d'écran est identifiée par le nom de l'élément de vue de votre application. Le client Performance Monitoring crée des traces de rendu d'écran pour chaque activité ou fragment utilisé par votre application.

Chaque trace de rendu d'écran effectue les actions suivantes:

  • Démarre pour chaque activité et classe de fragment lorsque l'objet devient visible à l'écran. OnActivityStarted() pour les activités et OnFragmentResume() pour les fragments.

  • S'arrête pour chaque activité et classe de fragment lorsque l'objet n'est pas visible à l'écran. OnActivityStopped() pour les activités et OnFragmentPaused() pour les fragments.

Suivre, afficher et filtrer les données de performances

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 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 variations d'une semaine à l'autre ou vérifier que les modifications récentes apportées à votre code améliorent les performances.

Image du tableau de données dans la section <span class="Panneau de contrôle Firebase Performance Monitoring" />

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

  1. Accédez au tableau de bord des 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étrique renseignée pour afficher d'autres options, par exemple pour remplacer ou supprimer une métrique.

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

En savoir plus sur l'utilisation du tableau de bord

Afficher les performances de l'écran dans la console

Pour afficher vos traces, 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é. Le tableau affiche certaines métriques principales pour chaque trace. Vous pouvez même trier la liste en fonction du pourcentage de variation d'une métrique spécifique.

Performance Monitoring fournit une page de dépannage dans la console Firebase qui met en évidence les modifications des métriques. Vous pouvez ainsi résoudre rapidement et 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. Vous constatez alors une variation importante 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étrique, sélectionnez > Afficher les détails. La page de dépannage affiche des informations sur la métrique sélectionnée.
  • Dans le tableau des traces, cliquez sur un nom de 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 un nom de trace dans le tableau des traces, vous pouvez ensuite examiner 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 les données 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 appareils plus anciens 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.

Découvrez comment afficher les données de vos traces.

Attributs des fragments

Dans les applications Android, vous pouvez réutiliser des fragments avec une autre activité ou un autre fragment. Les performances d'un fragment peuvent varier en fonction du fragment ou de l'activité dans laquelle il s'affiche. Utilisez les attributs suivants pour obtenir des informations détaillées sur les performances d'un fragment dans le fragment parent, en fonction de l'activité ou du fragment auquel il est associé:

Image des métriques du fragment <span class=Tableau de bord de Performance Monitoring" />
  • Hosting_activity : activité qui héberge le fragment. Vous permet de comprendre les performances du fragment dans l'activité d'hébergement.
  • Parent_fragment : fragment parent du fragment que vous étudiez. Vous permet de comprendre les performances du fragment dans le fragment parent. Si aucun fragment parent n'est défini, l'attribut est défini sur Aucun parent.

Étapes suivantes