La surveillance des mini-programmes collecte et analyse les données de performance des mini-programmes exécutés dans des super applications telles que DingTalk et WeChat. Elle couvre notamment les pages vues, le chargement des ressources, les requêtes API et les erreurs JavaScript. Le traçage de session par utilisateur reconstitue les scénarios réels et capture les piles d'erreurs avec leur contexte, ce qui vous permet de remonter à la cause racine d'un problème et de résoudre efficacement les problèmes de performance.
Procédure
Connectez-vous à la console ARMS.
Dans le volet de navigation de gauche, choisissez Real User Monitoring > Application List. Dans la barre de menu supérieure, sélectionnez la région où se trouve votre application.
-
Cliquez sur le nom de l'application cible.
Les tableaux de bord de l'application s'affichent, organisés sous les onglets Application Overview, Session Tracing, PVs, Resource Loading, API Requests et Abnormal Statistics.
Choisir un tableau de bord
Chaque onglet d'une application de mini-programme répond à une question spécifique. Utilisez le tableau suivant pour déterminer par où commencer.
| Ce que vous souhaitez savoir | Onglet |
| Performances globales du mini-programme auprès des utilisateurs, des pages et des requêtes | Application Overview |
| Actions effectuées par un utilisateur avant qu'une erreur ne survienne | Session Tracing |
| Pages lentes et scores aux Core Web Vitals | PVs |
| Raisons de l'échec ou de la lenteur du chargement d'une ressource, telle qu'un actif statique CDN | Resource Loading |
| Performance d'une API et codes d'état renvoyés | API Requests |
| Nombre de pages, d'utilisateurs et de sessions impactés par une erreur JavaScript | Abnormal Statistics |
Éléments communs des tableaux de bord
Les onglets d'une application de mini-programme partagent la même mise en page :
Sélecteur de temps — Ajustez la plage de temps de la requête dans le coin supérieur droit de la page. La plage sélectionnée s'applique aux graphiques et aux listes de la page.
Zone de filtre rapide — Sélectionnez des conditions de filtrage pour restreindre les données aux dimensions qui vous intéressent. Les dimensions disponibles varient selon l'onglet.
Zone de graphique de tendance — Comparez les métriques de l'onglet actuel sur la plage de temps sélectionnée.
Zone de liste — Consultez les métriques agrégées pour chaque page, ressource, API ou exception. Cliquez sur le nom d'un élément pour ouvrir sa page de détails.
Vue d'ensemble de l'application
L'onglet Application Overview centralise les métriques clés au niveau de l'application pour les utilisateurs, les pages et les requêtes : nombre de sessions utilisateur, pages vues (PV), visiteurs uniques (UV), ressources, temps maximal de rendu de page, requêtes API et exceptions. Les graphiques de tendance illustrent l'évolution de ces métriques, vous permettant d'évaluer en un coup d'œil les performances globales de l'application.
Traçage de session
L'onglet Session Tracing offre un traçage de bout en bout par nom d'utilisateur ou ID utilisateur. Il reconstitue le parcours de l'utilisateur afin que vous puissiez localiser et analyser la cause racine d'une erreur.
Zone de recherche — Saisissez un ID de session pour filtrer les sessions.
Zone de filtre rapide — Filtrez les sessions par Application, Session, Device, System, User et Region. Cette zone est liée à la zone de recherche et vous permet de masquer manuellement certaines métriques.
Zone de graphique d'agrégation — Sélectionnez une métrique d'agrégation et une dimension d'agrégation, puis affichez le résultat sous forme de graphique en colonnes, en courbes, en secteurs ou de carte.
Liste des sessions — Consultez chaque session par Session ID, Time, Client IP, Session Duration, View Count, Exception Count, Resource Requests et Resource Errors.
Détails de la session
Cliquez sur un ID de session pour ouvrir les détails de la session et explorer les pages, les ressources et les actions utilisateur. Lorsque vous explorez une ressource, la page de détails du chargement des ressources affiche les informations suivantes :
Informations récapitulatives — Request Method (par exemple, GET), Resource Name, Resource URL, Resource Type (par exemple, link), Status Code (par exemple, 200) et Loading Status.
Informations sur l'environnement — Host Type, Device Type, Country, Province, Device Brand et les autres champs d'environnement affichés sur la page.
Suivi des ressources — Durées des phases, durée totale du chargement des ressources et taille des ressources. Pour la liste complète des champs, consultez les détails du chargement des ressources.
Graphique en cascade — Répartition temporelle des durées des phases de requête DNS, de connexion TCP, de connexion SSL, de réponse à la requête et de transfert de contenu.
Pages vues (PV)
L'onglet PVs fournit des données au niveau des pages concernant le trafic, les Core Web Vitals et les métriques clés de chargement des pages.
Zone de filtre rapide — Sélectionnez les pages à analyser.
Zone de graphique de tendance — Comparez les tendances des pages vues, les Core Web Vitals et les métriques clés de chargement des pages. Les Core Web Vitals incluent le Largest Contentful Paint (LCP), le First Input Delay (FID) et le Cumulative Layout Shift (CLS). Les métriques clés de chargement des pages couvrent le First Contentful Paint (FCP), le DOM Ready, le Time to Interactive (TTI) et le Page Fully Loaded.
Liste des pages — Consultez le nombre de PV, la durée moyenne et le nombre moyen de vues par utilisateur pour toutes les pages.
Détails de la page
Cliquez sur le nom d'une page pour ouvrir ses détails, qui incluent l'analyse des tendances et les détails des PV. L'onglet Trend Analysis affiche les informations suivantes :
Métriques récapitulatives — PV, durée moyenne de chargement, durée moyenne de session, nombre moyen de vues par utilisateur, UV, LCP, FID, CLS, pourcentage de visites lentes et nombre de sessions.
Graphiques linéaires de tendance — PV incluant les visites lentes, métriques de performance (FCP, TTI, DOM Ready et Page Fully Loaded) et durée phase par phase (requête DNS, connexion TCP, connexion SSL, réponse à la requête et transfert de contenu).
Graphiques linéaires des Core Web Vitals — LCP, FID et CLS, chacun avec des lignes de percentile P75, P90 et P95. Le graphique LCP indique « Good » pour 2,5 secondes ou moins et « Poor » pour plus de 4 secondes. Le graphique CLS indique un seuil à 0,25.
Graphique en cascade du chargement de page
Chargement des ressources
L'onglet Resource Loading fournit des données au niveau des ressources concernant les erreurs, les performances et les requêtes pour des ressources telles que les requêtes API et les actifs statiques CDN.
Zone de filtre rapide — Filtrez les ressources par Application, Resource, Device, System, User et Region.
Zone de graphique de tendance — Comparez les nombres de chargements par type de ressource et méthode de requête, ainsi que la durée de chargement par type de ressource. Le graphique de tendance de la durée de chargement décompose chaque requête en Connect, DNS, SSL, Download et Duration.
Liste des ressources — Consultez l'URL, le type, la méthode de requête, le nombre de requêtes, le nombre d'échecs, le nombre de lenteurs et la durée moyenne pour toutes les ressources.
Détails du chargement des ressources
Cliquez sur le nom d'une ressource pour ouvrir ses détails, qui incluent l'analyse des tendances et la trace de la pile. Sur l'onglet Resource Loading Stack, la Resource Loading List à gauche affiche un horodatage pour chaque enregistrement de chargement. Cliquez sur un enregistrement pour afficher les champs suivants dans le panneau Basic Information à droite.
| Groupe de champs | Champs |
| Durée de phase | Redirect Duration, DNS Query Duration, TCP Connection Duration, SSL Connection Duration, Request Response Duration et Content Transfer Duration |
| Résultat et taille | Status Code, Loading Status, Total Resource Loading Duration et Resource Size |
| Appareil et hôte | Device Type, Device Brand, Operating System, Host Type et Host Version |
| Utilisateur et environnement | User ID, Name, Country, Province et Environment Type |
La Waterfall View en bas de la page visualise la séquence de chargement des ressources.
Requêtes API
L'onglet API Requests fournit des données au niveau des API, telles que le nombre de requêtes, la durée des requêtes et les codes d'état.
Zone de graphique de tendance — Comparez le nombre de requêtes API et la durée des requêtes de l'application, et examinez la distribution des codes d'état.
Liste des requêtes API — Consultez la méthode de requête, le nombre de requêtes, le nombre d'erreurs, le nombre de lenteurs, la durée moyenne des requêtes et le nombre de pages appelantes pour toutes les API.
Détails des requêtes API
Cliquez sur le nom d'une requête API pour ouvrir ses détails, qui incluent l'analyse des tendances et les données des requêtes individuelles. Outre les métriques de vue d'ensemble, l'onglet Trend Analysis affiche les informations suivantes :
Graphique linéaire Request Count — Nombre de requêtes, nombre de requêtes lentes et nombre de requêtes en erreur.
Graphique linéaire Request Duration — Tendances de durée pour les phases Connect, DNS, SSL, Download et Duration.
Graphique circulaire Status Code — Pourcentage des requêtes par code d'état HTTP.
Graphiques de distribution — Distribution géographique, par version d'application, par type de réseau, par appareil et par système d'exploitation.
Liste des utilisateurs — Identifiants utilisateur, nombre de requêtes, pourcentage de requêtes et heure de requête.
Statistiques des anomalies
L'onglet Abnormal Statistics fournit des données au niveau des exceptions, telles que le nombre d'exceptions, leur impact et leur distribution.
Zone de recherche — Saisissez un message d'erreur JavaScript pour filtrer les exceptions.
Zone de graphique de tendance — Comparez les tendances du nombre total d'exceptions et des nombres de pages, d'utilisateurs et de sessions affectés. Vous pouvez également examiner la distribution des types d'exception, des fichiers ou des pages.
Liste des exceptions — Consultez le message, les fichiers impliqués, le nombre d'occurrences et les nombres de pages, de pages vues, d'utilisateurs et de sessions affectés pour toutes les exceptions.
Détails de l'exception
Cliquez sur le nom d'une exception pour ouvrir ses détails, qui incluent l'analyse des tendances et la trace de la pile correspondante. L'onglet Trend Analysis affiche des graphiques chronologiques pour le nombre d'erreurs, les utilisateurs affectés et les pages affectées, ainsi que la distribution géographique, par version de navigateur, par type de réseau, par appareil, par système d'exploitation et par opérateur.
Références
L'exploration des données vous permet d'interroger, d'agréger et de tracer rapidement les données de surveillance. Pour plus de détails, consultez l'exploration des données.