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 un doute sur une information, veuillez vous référer à la version anglaise.
Introduction aux rapports
Un rapport est généré chaque fois que vous lancez un test de performance web dans Synthetic Monitoring. Il vous offre une vue détaillée de la performance d'une page au moment du test, des Core Web Vitals, d'autres métriques de performance, des scores d'audit à la relecture vidéo, au Waterfall, ainsi qu'à l'audit détaillé.
Utilisez les rapports pour comprendre ce qui ralentit vos pages, prioriser les corrections ayant le plus grand Impact sur vos Core Web Vitals, et suivre les scores standardisés dans le temps.
Il existe deux types de rapports
Rapports autonomes : une analyse complète de la performance d'une seule page (voir Comment lancer un test de performance web dans Synthetic Monitoring)
Rapports de comparaison : une vue en parallèle de deux pages ou plus, y compris des pages concurrentes (voir Comment créer un rapport de comparaison de performance web)
Accédez à vos rapports Synthetic Monitoring
- tout test de performance web que vous lancez (le rapport est disponible immédiatement après l'exécution du test)
- vos onglets Dashboard et Reports de Synthetic Monitoring
- tout rapport de comparaison
- tout graphique dans n'importe quel Monitoring
Les rapports sont affichés en anglais ou en français, conformément à la langue spécifiée dans votre profil.
Gérez vos rapports
Cliquez pour ouvrir un des rapports.
En haut à gauche, vous verrez l'URL de la page web testée et le Contexte d'analyse du test.
- Cliquez sur le menu ‘...’ pour accéder à la configuration.
- Sélectionnez ‘Retester’ pour lancer un nouveau test avec la même configuration.
- Utilisez le bouton 'Monitorer cette page' pour créer un nouveau Monitoring.
- Cliquez sur l'icône de téléchargement pour exporter le rapport complet au format PDF
Indicateurs de performance
Bannière du score de performance
La bannière du score de performance apparaît en haut du rapport et vous donne une lecture immédiate de la performance de votre page.
- Le ‘Score de performance’ est une moyenne pondérée de cinq Core Web Vitals : LCP, TBT, CLS, FCP et Speed Index, mesurés dans des conditions de charge simulée.
- Accédez directement à la section Problèmes de performance pour commencer à enquêter sans faire défiler, en cliquant sur le bouton ‘Voir les problèmes de performance’.
Comment le Score de performance est-il calculé ?
Ce score et toutes les métriques de performance de ce rapport sont basés sur la méthodologie de score Lighthouse™. Pour plus d’informations, lisez la documentation sur le scoring Lighthouse™.
Propulsé par Lighthouse™ (v.13.3.0). Le code source de Lighthouse est la propriété de Google LLC et est sous licence Apache License, 2.0. Lighthouse est une marque déposée de Google LLC. Ce produit n’est ni affilié ni approuvé par Google.
Métriques de performance
Cette section vous donne une vue complète de la performance de votre page en un seul endroit. Les métriques sont interactives et un clic dessus vous mène à la section pertinente du rapport ou ouvre une vue supplémentaire.
Core Web Vitals
Trois Core Web Vitals sont affichés avec un code couleur :
| Métrique | Ce qu’elle mesure | Cliquer dessus… |
|---|---|---|
| LCP (Largest Contentful Paint) | Quand le plus grand élément de contenu visible a fini de charger | Fait défiler jusqu’à la relecture vidéo au moment du LCP et filtre les audits de Performance sur le LCP |
| TBT (Total Blocking Time) | Durée pendant laquelle le fil principal est bloqué par des tâches longues, retardant l’interactivité | |
| CLS (Cumulative Layout Shift) | À quel point la mise en page se déplace de manière inattendue | Fait défiler vers le bas et filtre les audits de Performance sur le CLS |
Notez que Contentsquare utilise TBT comme métrique d’interactivité car elle reste une métrique fiable de laboratoire pour diagnostiquer et améliorer la performance d’interactivité.
Métriques secondaires
Cliquez sur ‘Voir plus de métriques’ pour développer le panneau des métriques secondaires.
| Métrique | Ce qu'elle mesure | Cliquer dessus… |
|---|---|---|
| FCP (First Contentful Paint) | le temps jusqu'à ce que le navigateur représente le premier contenu visible | Filtre les audits de Performance sur FCP |
| Speed Index | La rapidité avec laquelle le contenu visible de la page est chargé pendant le chargement | Ouvre le Filmstrip |
| First Byte (Time to First Byte) | Le temps entre l'envoi d'une requête par le navigateur au serveur et la réception du premier byte de la réponse | Ouvre le Waterfall |
| Start Render | Le moment où le navigateur affiche pour la première fois quelque chose de visible à l'écran. | Fait défiler jusqu'à la relecture vidéo au moment du Start Render |
| Visually Complete | Quand tout le contenu visible dans la zone d'affichage a fini de se représenter. | Fait défiler jusqu'à la relecture vidéo au moment du Visually Complete |
| Weight | Montre le poids total de la page réparti par type de ressource (HTML, CSS, JS, images et autres). | |
Relecture vidéo
Cette section affiche les métriques de performance web calculées à partir de l'analyse vidéo du chargement de votre page. Utilisez-la pour voir comment la page se charge et comment les utilisateurs la vivent.
- Cliquez sur le nom de la métrique (Start Render, FCP, LCP ou Visually Complete) pour accéder à ce point dans la vidéo.
- Cliquer sur LCP mettra en plus en évidence le plus grand élément de contenu visible dans la relecture.
Informations sur l'événement LCP
Lorsque vous sélectionnez LCP, les détails suivants apparaissent :
- Élément : ID, classe ou nom de fichier de l'élément LCP
- Taille : Ratio calculé par rapport à la zone d'affichage, basé sur la largeur et la hauteur de l'élément
- Code HTML : Un extrait du code HTML pour vous aider à identifier l'élément LCP
- Poids : Taille du fichier image (affiché uniquement si le LCP est déclenché par une image)
-
Chemin : Chemin complet de la requête déclenchant le LCP (affiché uniquement si le LCP est déclenché par une image)
Filmstrip
Cliquez sur « Afficher le filmstrip » pour voir le chargement de votre page image par image à intervalles réguliers.
Chaque image affiche le taux d'achèvement de la représentation par rapport à l'état final.
Le timestamp « Visually Complete » marque le point auquel le contenu visible a fini de se représenter du point de vue de l'utilisateur, ce qui correspond généralement à un taux de représentation proche ou égal à 100%.
Waterfall
En cliquant sur le bouton « Réseau », vous accédez à la liste Waterfall qui affiche toutes les requêtes réseau (HTTP, etc.) nécessaires pour charger la page, y compris les ressources comme les images, JavaScript et appels aux services web.
- La section Chronométrages liste les valeurs de toutes les métriques de performance pour la page.
- La section Tâches longues montre où le navigateur est occupé pendant plus de 50 ms ainsi que le Temps de Blocage Total.
- La section Waterfall affiche la liste séquentielle de toutes les requêtes HTTP.
Résumé Waterfall IA
Utilisez le bouton ✦ pour afficher un résumé basé sur l’IA qui traduit des données réseau complexes en insights, problèmes et recommandations en langage clair.
Analyser les problèmes de performance
Cette section liste tous les audits effectués sur votre page, regroupés en quatre catégories, et vous donne des insights sur la manière d’agir : Performance, Accessibilité, Bonnes pratiques et SEO, chacune mesurant une dimension distincte de qualité de votre page web.
Scores des audits
| Score | Ce qu’il mesure |
|---|---|
| Performance | La rapidité et la fluidité du chargement de la page pour les utilisateurs, basé sur LCP, TBT, CLS, FCP et Speed Index |
| Accessibilité | La facilité d’utilisation de la page pour les personnes en situation de handicap, suivant les directives WCAG |
| Bonnes pratiques | Si la page suit les standards modernes de développement web |
| SEO | Le niveau d’optimisation de la page pour la découverte par les moteurs de recherche |
Chaque score est codé par couleur selon le seuil applicable.
Chaque audit affiche :
- Un indicateur de statut réussite / échec / informationnel
- Une description du problème et des conseils pour le corriger
- Une économie métrique estimée (le cas échéant) : l’impact projeté sur un Core Web Vitals (LCP, TBT, CLS, etc.) si la recommandation est appliquée.
Voir Comprendre les scores Lighthouse™ (v.13.3.0) dans les rapports d’audit de performance pour une approche étape par étape.
Filtrer vos audits
Utilisez l’option « filtrer par » pour vous concentrer sur les audits qui impactent un Core Web Vital spécifique.
Vous pouvez aussi filtrer par les problèmes les plus critiques, en sélectionnant « Échec » ou « À améliorer ».
Cela vous aide à prioriser les corrections ayant le plus grand Impact sur l’expérience utilisateur.