Application Real-Time Monitoring Service:Surveillance frontend ARMS

Pourquoi surveiller le frontend ?

Lorsque les utilisateurs accèdent à vos services, le processus se décompose en trois étapes principales : la génération de la page (état côté serveur), le chargement de la page et l'exécution de la page.

Si la surveillance côté serveur est relativement mature, les états de chargement et d'exécution des pages sont souvent négligés. Par exemple :

• Vous ne savez pas immédiatement quand les utilisateurs rencontrent des erreurs sur votre site.

• Vous ignorez les vitesses d'accès réelles des utilisateurs selon les pays et les régions.

• Votre application effectue de nombreux appels de données asynchrones, mais vous ne connaissez ni leurs performances ni leurs taux de réussite.

Notre solution

La surveillance frontend ARMS capture les performances de chargement des pages, les exceptions d'exécution, ainsi que l'état et la latence des appels d'API. Elle transmet ensuite ces données à un serveur de journaux pour une analyse en temps réel. Des rapports intuitifs vous aident à identifier et diagnostiquer les problèmes en vous basant sur l'expérience réelle des utilisateurs.

Dans le volet de navigation de gauche de la console ARMS, choisissez Frontend Monitoring pour afficher la page de présentation. Celle-ci présente les métriques clés telles que la vitesse de chargement des pages, le taux d'erreurs JS et le taux de réussite des API sous forme de cartes de métriques.

Scénarios pris en charge

La surveillance frontend ARMS prend en charge les scénarios suivants :

• Web/H5

• Weex

• Mini-programme DingTalk

• Mini-programme Alipay

• Mini-programme WeChat

• Autres mini-programmes

Fonctionnalités

Les principales fonctionnalités de la surveillance frontend ARMS incluent :

• Vitesse de chargement des pages

  Mesure les métriques de performance des pages, notamment le temps de premier rendu, le temps du First Contentful Paint (FCP), le temps de readiness du DOM et le temps de chargement des ressources.

• Diagnostic des erreurs JS

  Affiche les informations et la distribution des erreurs JS, et retrace les actions des utilisateurs pour vous aider à localiser la source de chaque erreur.

• Surveillance des requêtes API

  Fournit des détails sur chaque requête API, y compris les taux de réussite, les informations de réponse et la latence moyenne pour les requêtes réussies et échouées.

• Traçage distribué

  Connecte les requêtes API frontend à leurs appels backend correspondants, offrant une trace complète de tout le chemin d'exécution du code.

Compatibilité des navigateurs et des plateformes