Catch up on highlights from Firebase at Google I/O 2023. Learn more

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

La surveillance des performances utilise des traces pour collecter des données sur les processus surveillés dans votre application. Une trace est un rapport qui contient 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. La surveillance des performances crée une trace de rendu d'écran pour chaque écran de votre application. Ces traces collectent et mesurent les métriques suivantes :

  • Images de rendu lent — Mesure le pourcentage d'instances d'écran dont le rendu prend plus de 16 ms.

  • Images gelées — Mesure le pourcentage d'instances d'écran dont le rendu prend plus de 700 ms.

Les images lentes ou gelées dans votre application peuvent entraîner de mauvaises performances de l'appareil, également appelées jank ou lag. La capture de métriques de trame de rendu gelées et lentes peut vous aider à identifier les écrans sous-performants, vous donnant la possibilité d'améliorer les performances de rendu 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 est situé en bas de la page Performances de la console Firebase . Pour plus d'informations, consultez Suivre, afficher et filtrer les données de performances .

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

Ces traces sont des traces prêtes à l'emploi, vous ne pouvez donc pas leur ajouter de métriques personnalisées ou d'attributs personnalisés.

Les images de rendu lentes et les images gelées sont calculées avec un taux de rafraîchissement supposé de l'appareil de 60 Hz. Si le taux de rafraîchissement d'un appareil est inférieur à 60 Hz, chaque image aura un temps de rendu plus lent car moins d'images sont rendues par seconde. Des temps de rendu plus lents peuvent entraîner le signalement d'images plus lentes ou gelées, car davantage d'images seront rendues plus lentement ou seront gelées. Cependant, si le taux de rafraîchissement d'un appareil est supérieur à 60 Hz, chaque image aura un temps de rendu plus rapide. Cela peut réduire le nombre de trames lentes ou gelées signalées. Il s'agit d'une limitation actuelle du SDK de surveillance des performances.

Images au rendu lent

Cette métrique est le pourcentage de sessions utilisateur qui ont connu une lenteur notable du rendu pour un écran spécifique. Plus précisément, cette métrique est le pourcentage d'instances d'écran au cours desquelles plus de 50 % des images ont pris plus de 16 ms pour s'afficher.

Cadres gelés

Cette métrique est le pourcentage de sessions utilisateur qui ont connu une quantité notable d'images gelé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 ?

  • Démarre pour chaque UIViewController dans la keyWindow lorsque l'application appelle viewDidAppear: .

  • S'arrête lorsque l'application appelle viewDidDisappear: .

Notez que les traces de rendu d'écran ne capturent pas les contrôleurs de vue de conteneur canonique.

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 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.

une image du tableau des métriques dans le tableau de bord Firebase Performance Monitoring

Pour ajouter une statistique à votre tableau de statistiques, procédez comme suit :

  1. Accédez au tableau de bord des performances dans la console Firebase.
  2. Cliquez sur une carte de métrique vide, puis sélectionnez une métrique existante à ajouter à votre tableau.
  3. 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.

En savoir plus sur l'utilisation du tableau de bord .

Afficher les performances de l'écran sur la console

Pour afficher vos traces, accédez au tableau de bord des performances dans la console Firebase, faites défiler jusqu'au tableau des traces, puis cliquez sur le sous-onglet approprié. Le tableau affiche certaines des principales métriques pour chaque trace, et vous pouvez même trier la liste en fonction du pourcentage de changement pour une métrique 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 :

une image des données Firebase Performance Monitoring filtrées par attribut
  • Filtrez par version de l'application pour afficher les données d'une version antérieure ou de votre 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

En savoir plus sur l'affichage des données pour vos traces .

Prochaines étapes