Utilisez les rapports de Speed Analysis Lab pour examiner les performances d'une page web testée plus en détail et identifiez les indicateurs clés liés aux Core Web Vitals et à l'expérience utilisateur.
Accédez à vos rapports d'analyse depuis :
- n'importe quel test de performance web que vous exécutez (le rapport est disponible directement après l'exécution du test)
- votre tableau de bord et l'onglet des rapports
- n'importe quel rapport de comparaison
- les graphiques des pages que vous surveillez
Détails du rapport de performance
Relancer un test
Retrouvez l'URL de la page web testée et la date à laquelle le test a été effectué en haut du rapport.
Sélectionnez le bouton "Relancer" pour réaliser un nouveau test basé sur la même configuration.
Score d'analyse structurelle
- Découvrez le score d'analyse structurelle de votre page (celui-ci est calculé à partir de dizaines de bonnes pratiques testées sur votre page).
- Référez-vous au résumé global des problèmes, des améliorations et des succès identifiés sur votre page.
-
- Problèmes (en rouge) : Tous les points de contrôle ("checkpoints") critiques de notre répertoire de bonnes pratiques qui n'ont pas été respectées par la page web testée (résultant généralement en un score de 0 pour certains checkpoints spécifiques).
- Améliorations (en orange) : Tous les checkpoints qui n'ont été que partiellement appliqués et respectés (avec un score en dessous de 90/100).
- Succès (en gris) : Tous les checkpoints appliqués avec succès sur la page web testée.
- Problèmes (en rouge) : Tous les points de contrôle ("checkpoints") critiques de notre répertoire de bonnes pratiques qui n'ont pas été respectées par la page web testée (résultant généralement en un score de 0 pour certains checkpoints spécifiques).
- Visionnez la vidéo du chargement de la page en replay et observez les résultats des métriques visuelles.
Paramètres du test
Utilisez le bouton "Modifier" pour lancer un nouveau test basé sur les paramètres actuels du rapport ou mettez-les à jour en fonction de vos besoins.
Utilisez le bouton "Mémoriser" pour enregistrer la configuration du test actuel et la réutiliser lors de la mise en place d'un futur test de performance web.
Replay vidéo et indicateurs de rendu
Le replay vidéo et les indicateurs de rendu présentent les résultats des métriques de performance web calculées par analyse de la vidéo du chargement de la page. Mettez-vous à la place de vos utilisateurs en découvrant quelle est leur expérience du rendu de votre page !
Cliquez sur les noms des métriques : Start Render, FCP, LCP* ou Visually Complete pour visualiser le moment où elles se produisent. Les métriques CLS et Speed Index, elles, ne correspondent pas à un moment précis dans le temps, mais sont tout de même affichées dans le replay vidéo afin de permettre une meilleure compréhension des valeurs qu'elles représentent.
*Sélectionner la métrique LCP mettra en avant l'élément LCP dans le replay vidéo et affichera les informations relatives à l'évènement correspondant.
Élément : ID / classe / nom de ficher de l'élément
Taille : Le rapport est calculé en comparaison avec le viewport, basé sur la largeur et hauteur de l'élément LCP.
Code HTML : Extrait du code HTML permettant d'identifier l'élément LCP plus facilement en cas de besoin
Poids : Taille du fichier image
Chemin d'accès : Chemin d'accès complet (de la requête) ayant déclenché le LCP
La bande vidéo, ou "filmstrip" en anglais, vous permet de découper la vidéo du chargement de la page testée frame par frame, c'est-à-dire image par image, à intervalles réguliers. Chaque miniature du filmstrip est affichée avec un taux de rendu lui correspondant. Ces pourcentages représentent le taux de complétion de rendu de l'étape par rapport au statut final. Le taux de "100%" indique que le statut 'Visually Complete' a été atteint.
Indicateurs de performance
Comparez les performances de votre page aux indicateurs de performance du web.
- Utilisez les Core Web Vitals pour comprendre les performances du chargement de votre page :
- Largest Contentful Paint
- Total Blocking Time (littéralement "temps de blocage total")
- Cumulative Layout Shift ("décalage cumulatif de la mise en page")
- Utilisez la rubrique "Poids" (à droite) pour visualiser la quantité de données téléchargées pour chaque type de ressource.
- "Autres" correspond à tout contenu qui ne rentre dans aucune autre catégorie (par exemple : polices, vidéos, etc.).
Sélectionnez l'image LCP pour afficher le replay vidéo et les indicateurs de rendu : vous pourrez ainsi voir l'élément LCP directement dans le replay et obtenir des détails supplémentaires le concernant (taille, poids, chemin d'accès et code HTML).
Erreurs du navigateur
Les avertissements du navigateur indiquent le nombre d'erreurs ou d'avertissements émis par le navigateur web. Les erreurs sont indiquées en rouge. S'il y en a une, cliquez sur la section pour consulter les détails correspondants.
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 utilisées sur la page (CMS, serveur web, frameworks, etc.). Cette zone présente, sous forme d'icônes, les technologies qui ont été détectées sur la page testée.
Waterfall
Le Waterfall (que l'on pourrait littéralement traduire par "cascade") répertorie toutes les requêtes réseau (HTTP, etc.) qui ont été nécessaires pour charger la page, y compris les ressources telles que les images, le JavaScript et les appels de services web.
- La section "Timings" répertorie les valeurs de toutes les métriques de performance de la page.
- La section "Long Tasks" indique les moments où le navigateur a été occupé pendant plus de 50 ms et le Total Blocking Time (temps de blocage total).
- La section "Waterfall" affiche la liste séquentielle de toutes les requêtes HTTP.
Priorités
La liste des "Conseils et bonnes pratiques" présente tous les points de contrôle appliqués qui sont utilisés pour calculer le score de qualité globale de votre page.
- Les conseils sont classés en fonction de leur niveau de priorité, lui-même défini par Speed Analysis Lab.
- Chaque rubrique présente les enjeux liés à la bonne pratique en question, des détails sur le problème, ainsi que la façon de le résoudre.
La liste est divisée en symboles et en 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 (exprimé par un faible coefficient). | |
Problème | Le score est faible, le point de contrôle a des enjeux importants. | |
Information | Un point de contrôle où les enjeux peuvent dépendre d'un contexte spécifique qui ne peut être précisé davantage, ou une information qui doit simplement être portée à votre attention. |