PageSpeed Insights signale les performances réelles d'une page ou d'une origin sur les appareils mobiles et de bureau, et fournit des suggestions pour améliorer la page en question lors de l'analyse d'une seule page.
Score de vitesse
PageSpeed Insights intègre les données du rapport d'expérience utilisateur Chrome (CrUX) pour afficher des données de performances réelles sur une page ou une origin. PSI signale deux metrics: First Contentful Paint (FCP) et DOMContentLoaded (DCL).
La valeur médiane de chaque métrique (FCP ou DCL) est comparée à toutes les pages surveillées par le rapport d'expérience utilisateur Chrome. Une catégorie est attribuée à chaque métrique, en fonction de son emplacement dans la répartition:
- Rapide: la valeur médiane de la métrique se situe dans le tiers le plus rapide de tous les chargements de page.
- Lente: la valeur médiane de la métrique correspond au tiers le plus lent de tous les chargements de page.
- Moyenne: la valeur médiane de la métrique se situe dans le tiers moyen de tous les chargements de page.
Le score de vitesse global est calculé en examinant les catégories de chaque métrique:
- Rapide: si toutes les métriques d'une page/origin correspondent à "Rapidité".
- Lente: si l'une des métriques d'une page/origin est lente.
- Moyenne: tous les autres cas.
Répartition des chargements de page
La section "Distribution du chargement de la page" présente les métriques de distribution FCP et DCL dans l'ensemble de données CrUX.
- Origin: données globales sur la vitesse de toutes les pages diffusées à partir de ce origin.
- Page: données sur la vitesse d'une seule page.
La répartition de chaque métrique est divisée en trois catégories: rapide (tiers le plus rapide), moyenne (tiers moyen) et lente (tiers inférieur). La répartition est mise à jour quotidiennement.
Taux d'optimisation
PageSpeed Insights ne fournit des informations d'optimisation que lorsqu'une seule page est analysée.
L'outil PSI évalue dans quelle mesure une page respecte les bonnes pratiques courantes en matière de performances et calcule un score compris entre 0 et 100 qui estime sa marge de progression en termes de performances. Il évalue si une page peut améliorer ses performances dans deux domaines:
- Temps de chargement au-dessus de la ligne de flottaison: temps écoulé entre le moment où un utilisateur demande une nouvelle page et le moment où le contenu au-dessus de la ligne de flottaison est affiché par le navigateur.
- temps de chargement de la page complète : temps écoulé entre le moment où un internaute envoie une requête pour une nouvelle page et le moment où la page est affichée dans son intégralité par le navigateur.
Le score est classé comme bon, moyen ou faible. Le calcul suppose qu'un développeur souhaite conserver la même apparence et le même fonctionnement de la page.
- Bon: la page applique la plupart des bonnes pratiques en matière de performances, et la marge de progression est limitée. Le score de la page est supérieur ou égal à 80.
- Moyenne: la page ne présente pas certaines optimisations de performances courantes et la marge de progression est moyenne. Le score de la page est compris entre 60 et 79.
- Faible: la page n'est pas optimisée et la marge de progression est assez importante. Le score de la page est compris entre 0 et 59.
Le taux d'optimisation estime la marge de progression des performances d'une page. Une page dont la vitesse est lente peut présenter un score d'optimisation élevé, car elle présente un faible ratio de ressources bloquant l'affichage par rapport au nombre total de ressources utilisées par la page. En revanche, une page rapide peut présenter un faible score d'optimisation, car elle contient un nombre élevé de ressources qui bloquent l'affichage par rapport à ses ressources totales.
Statistiques de la page
Cette section décrit les aller-retours requis pour charger les ressources qui bloquent le rendu de la page, le nombre total d'octets utilisés par celle-ci, et la compare au nombre médian d'allers-retours et d'octets utilisés dans l'ensemble de données. Il peut indiquer si la page peut être plus rapide en modifiant son apparence et ses fonctionnalités.
Suggestions d'optimisation
Voici une liste de bonnes pratiques qui pourraient être appliquées à cette page. Si la page est rapide, ces suggestions sont masquées par défaut, car la page se trouve déjà dans le tiers supérieur de toutes les pages de l'ensemble de données. Toute amélioration supplémentaire est probablement inutile.
Étant donné que les performances d'une connexion réseau varient considérablement, l'optimisation porte sur des aspects indépendants du réseau dans les performances des pages: la configuration du serveur, la structure HTML d'une page et son utilisation de ressources externes telles que des images, JavaScript et CSS. L'application de ces suggestions devrait améliorer les performances relatives de la page. Cependant, les performances absolues de la page restent également tributaires de la connexion réseau d'un internaute.
Plusieurs facteurs influencent les performances de vitesse, mais deux d'entre eux sont les plus importants:
- Rendus bloquants du rendu : allers-retours requis pour fournir les ressources qui bloquent le rendu. Si la plupart des ressources d'une page bloquent l'affichage, PageSpeed Insights considère que la page a une marge de progression importante. Le développeur peut examiner les règles suivantes pour optimiser l'optimisation : Éviter les redirections de page de destination, Éliminer les codes JavaScript et CSS qui bloquent l'affichage, Exploiter la mise en cache du navigateur, Donner la priorité au contenu visible et Réduire le temps de réponse du serveur.
- Taille de la réponse: taille totale de la réponse, y compris les ressources principales HTML et toutes les sous-ressources. Si la majeure partie du corps de la réponse peut être éliminée par compression ou minimisation, PageSpeed Insights considère qu'une page a une grande marge de progression en termes d'optimisation. Le développeur peut examiner les règles Activer la compression, Réduire la taille des ressources et Optimiser les images pour optimiser les performances.
Des questions ?
Si vous avez des questions sur PageSpeed Insights, veuillez consulter nos questions fréquentes ou publier un message sur notre groupe de discussion.