La fonctionnalité de surveillance des pages d'Edge Security Accelerator (ESA) collecte les données d'utilisateurs réels sur PC et appareils mobiles via une intégration JavaScript automatique ou manuelle. Elle assure le suivi en temps réel des indicateurs Web essentiels, prend en charge l'analyse des pages HTML et attribue des notes de performance (verte, jaune ou rouge).
Présentation de la fonctionnalité
La surveillance des pages ESA évalue les performances du site web à partir de données provenant d'utilisateurs réels sur PC et terminaux mobiles. Ce service capture les indicateurs Web essentiels et métriques de performance suivants :
CLS (Cumulative Layout Shift) : évalue la stabilité visuelle en détectant les changements de mise en page inattendus lors du chargement.
FCP (First Contentful Paint) : mesure le délai avant le premier rendu de contenu, reflétant ainsi la vitesse de chargement perçue.
FID (First Input Delay) : quantifie la latence entre la première interaction de l'utilisateur et la réponse du navigateur, indiquant le niveau d'interactivité.
LCP (Largest Contentful Paint) : détermine quand l'élément visible le plus grand (image ou bloc de texte) a fini de s'afficher, illustrant la vitesse de chargement du contenu principal.
TTFB (Time to First Byte) : correspond au temps écoulé entre la requête utilisateur et la réception du premier octet de réponse du serveur.
INP (Interaction to Next Paint) : analyse la réactivité globale de la page aux interactions tout au long de son cycle de vie.
Remarques d'utilisation
Cette fonctionnalité ne prend actuellement en charge que les pages dont le
content-typeesttext/html. Les pages non-text/htmlou celles sans trafic d'accès ne génèrent aucune donnée de surveillance.Les données collectées hors de Chine continentale sont envoyées à Singapour. Seules les métriques réseau sont recueillies ; ESA ne collecte ni ne stocke de données personnelles.
Procédure
Dans la console ESA, accédez à site management et cliquez sur le site web souhaité dans la colonne Website.
Dans le volet de navigation de gauche, cliquez sur .
-
Dans la zone Page Monitoring, cliquez sur Add Monitoring. Saisissez le préfixe du sous-domaine à surveiller, par exemple
monitor.
-
Sélectionnez un mode d'SDK Integration. La surveillance des pages nécessite l'intégration d'un script de collecte JavaScript dans vos pages HTML. Deux méthodes sont disponibles :
Automatic Integration (Recommended) : ESA injecte automatiquement le code JavaScript dans les réponses HTML de votre origine, sans altérer le contenu de la page.
-
Manual Integration : ajoutez manuellement la balise de script suivante aux pages HTML à surveiller.
<script src="https://rjsperf.myalicdn.com/sdk.js"></script>
Évaluation des performances
Chaque métrique reçoit une note « Good », « Needs Improvement » ou « Poor » selon les seuils définis ci-dessous. Une note « Good » signale d'excellentes performances, « Needs Improvement » correspond à un niveau moyen, tandis que « Poor » indique des résultats insuffisants. Divers facteurs influencent ces mesures, notamment les conditions réseau côté client, l'accélération ESA et les méthodes de rendu du site. Pour quantifier l'apport de l'accélération ESA, utilisez Alibaba Cloud Application Real-time Monitoring Service (ARMS) ou tout autre outil de surveillance synthétique.
|
Metric |
Good |
Needs Improvement |
Poor |
|
TTFB |
<0,8 s |
0,8-1,8 s |
>1,8 s |
|
FCP |
<1,8 s |
1,8-3 s |
>3 s |
|
LCP |
<2,5 s |
2,5-4 s |
>4 s |
|
CLS |
<0,1 |
0,1-0,25 |
>0,25 |
|
INP |
<200 ms |
200-500 ms |
>500 ms |
|
FID |
<130 ms |
130-250 ms |
>250 ms |
Disponibilité selon l'édition
|
Page monitoring |
Entrance |
Pro |
Premium |
Enterprise |
|
Number of monitored pages |
1 |
3 |
5 |
10 |