Traduit de l'anglais à l'aide de l'IA
Veuillez noter que cet article a été traduit à l'aide de la technologie IA. Bien que nous travaillions à maintenir l'exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez des doutes sur une information, veuillez vous référer à la version anglaise.
Utilisez l'onglet Rapports de Synthetic Monitoring pour approfondir la performance d'une page web testée et identifier les indicateurs clés liés aux Core Web Vitals et à l'expérience utilisateur.
Accédez à vos rapports d'analyse depuis :
- tout test de performance web que vous exécutez (le rapport est disponible directement après l'exécution du test)
- vos onglets Synthetic Monitoring et Dashboard et Rapports
- tout rapport de comparaison
- depuis tout graphique de tout Monitoring
Aperçu du rapport
Retest d'un rapport existant
- Cliquez pour ouvrir l'un des rapports. En haut à gauche, vous verrez l'URL de la page web testée et la date du dernier test.
- Sélectionnez le bouton 'Retester' pour lancer un nouveau test avec la même configuration.
Score d'analyse structurelle
- Voir le score d'analyse structurelle (le score est calculé à partir de dizaines de bonnes pratiques testées sur votre page)
- Voir un récapitulatif de haut niveau des problèmes, améliorations et succès
- Problèmes (rouge) : Tous les points de contrôle appliqués et critiques de notre référentiel de bonnes pratiques qui n'ont pas été respectés par la page web testée (généralement entraînant un score de 0 pour le point de contrôle spécifique)
- Améliorations (orange) : Tous les points de contrôle appliqués qui ont été partiellement respectés (ce qui signifie un score inférieur à 90/100)
- Succès (vert) : Tous les points de contrôle réussis pour la page web testée.
- Voir les métriques visuelles et rejouer la vidéo du chargement de la page
Paramètres du test
- Utilisez le bouton 'Enregistrer la configuration' pour enregistrer les paramètres du test actuel et les réutiliser lors de la configuration d'un nouveau test de performance web.
- Utilisez le bouton ‘Modifier’ pour lancer un nouveau test basé sur les paramètres du rapport actuel ou les mettre à jour en fonction de vos besoins.
- Utilisez le bouton 'Surveiller cette page' pour créer un nouveau Monitoring.
Relecture vidéo et temps de rendu
Les 'temps de relecture vidéo et de rendu' affichent les métriques de performance web qui ont été calculées à partir de l'analyse vidéo du chargement de la page web. Utilisez cela pour comprendre l'expérience des utilisateurs sur la façon dont la page se rend.
Cliquez sur le nom de la métrique de Start Render, FCP, LCP* et Visually Complete pour accéder à leur point dans le temps. CLS et Speed Index ne correspondent pas à un point dans le temps mais sont affichés car la relecture vidéo est un moyen utile de mieux comprendre les valeurs.
*Sélectionner la métrique LCP mettra en évidence l'élément LCP lors de la relecture vidéo et affichera les informations sur l'événement LCP.
Informations sur l'événement LCP
- Élément : ID/classe/nom de fichier de l'élément
- Taille : Le ratio est calculé par rapport à la fenêtre d'affichage, basé sur la largeur et la hauteur de l'élément LCP
- Code HTML : Extrait du code HTML pour mieux identifier l'élément LCP si nécessaire.
- Poids : Taille du fichier image
- Chemin : Chemin complet de la requête déclenchant le LCP
Le filmstrip vous permet de décomposer le chargement de votre page web testée image par image à intervalles réguliers. Chaque image dans les bandes de film obtient son taux associé. Ce pourcentage révèle le taux d'achèvement du rendu de l'étape par rapport à l'état final. Le taux de '100%' indique que le statut 'Visually Complete' a été atteint.
Indicateurs de performance
Voir la performance de votre page par rapport aux métriques de performance web.
- Utilisez les Core Web Vitals pour comprendre la performance du chargement de la page :
- Largest Contentful Paint (LCP)
- Total Blocking Time (TBT)
- Cumulative Layout Shift (CLS)
- Utilisez 'Poids' (situé à droite) pour voir le montant de données téléchargées par type de ressource.
- 'Autres' fait référence à tout contenu qui ne correspond pas aux autres catégories. Par ex. polices, vidéos, etc).
Cliquez sur LCP pour ouvrir la rediffusion vidéo et les temps de rendu afin de visualiser l'élément LCP directement dans la rediffusion vidéo et voir des détails supplémentaires sur l'élément LCP (taille, poids, chemin et code HTML).
Erreurs du navigateur
Les avertissements du navigateur indiquent le nombre d'erreurs ou d'avertissements émis par le navigateur web. Lorsqu'il y a une erreur (indiquée en rouge), cliquez sur la section pour accéder aux détails.
Technologies détectées
Pour réaliser un audit complet de votre page web, Speed Analysis Lab s'appuie sur la détection des technologies actuellement utilisées sur cette page (CMS, serveur web, cadres, etc.). Cette zone affiche les icônes des technologies qui ont été détectées sur la page testée.
Waterfall
Le waterfall liste toutes les requêtes réseau (HTTP, etc.) qui ont été nécessaires pour charger la page, y compris les ressources comme les images, JavaScript et les appels de services web.
- La section Timings liste les valeurs de toutes les métriques de performance pour la page
- La section Long Tasks montre où le navigateur est occupé pendant plus de 50 ms et le Total Blocking Time
- La section Waterfall affiche la liste séquentielle de toutes les requêtes HTTP
Conseils et bonnes pratiques : liste priorisée
La liste 'Conseils et bonnes pratiques' montre tous les points de contrôle appliqués qui sont utilisés pour calculer le score de qualité global de votre page.
- Les conseils sont ordonnés selon le niveau de priorité défini par le module Speed Analysis Lab
- Chaque entrée présente les enjeux liés à la bonne pratique, des détails sur le problème et comment le résoudre
La liste est décomposée en symboles et couleurs :
| Symbole | Indication | Détails du score |
| Succès | Le score est supérieur à 90/100 | |
| Amélioration | Le score est supérieur à 50/100 ou le point de contrôle est considéré comme ayant peu d'enjeux (par un faible coefficient) | |
| Problème | Le score est faible, le point de contrôle a des enjeux significatifs | |
| Information | Un point de contrôle où les problèmes peuvent dépendre d'un contexte spécifique qui ne peut pas être précisé davantage ou d'informations qui doivent simplement être portées à votre attention |