Dans cette article nous allons voir en détail l’outil puissant PageSpeed insight google test
PageSpeed Insights (PSI) rend compte des performances d’une page sur les appareils mobiles et de bureau, et fournit des suggestions sur la façon dont cette page peut être améliorée.
PSI fournit à la fois des données de laboratoire et de terrain sur une page. Les données de laboratoire sont utiles pour déboguer les problèmes de performances, car elles sont collectées dans un environnement contrôlé. Cependant, il peut ne pas capturer les goulots d’étranglement du monde réel. Les données de terrain sont utiles pour capturer une expérience utilisateur réelle et réelle, mais elles ont un ensemble de métriques plus limité. Voir Comment penser aux outils de vitesse pour plus d’informations sur les deux types de données.
Données d’expérience utilisateur réel
Les données d’expérience utilisateur réelles dans PSI sont alimentées par l’ensemble de données Chrome User Experience Report (CrUX). PSI rapporte les expériences de première peinture à contenu (FCP), de délai de première entrée (FID), de plus grande peinture à contenu (LCP) et de décalage de mise en page cumulée (CLS) des utilisateurs réels au cours de la période de collecte de 28 jours précédente.
Afin d’afficher les données d’expérience utilisateur pour une page donnée, il doit y avoir suffisamment de données pour qu’elles soient incluses dans l’ensemble de données CrUX. Une page peut ne pas contenir suffisamment de données si elle a été publiée récemment ou si elle contient trop peu d’échantillons provenant d’utilisateurs réels. Lorsque cela se produit, PSI reviendra à la granularité au niveau de l’origine, qui englobe toutes les expériences utilisateur sur toutes les pages du site Web. Parfois, l’origine peut également avoir des données insuffisantes, auquel cas PSI sera incapable d’afficher des données d’expérience utilisateur réelles.
Évaluer la qualité des expériences
PSI classe la qualité des expériences utilisateur en trois catégories : bonne, à améliorer ou médiocre. PSI fixe les seuils suivants en accord avec l’ initiative Web Vitals :
| Bon | A besoin d’amélioration | Pauvres | |
|---|---|---|---|
| PCF | [0, 1800ms] | (1800ms, 3000ms] | plus de 3000ms |
| FID | [0, 100 ms] | (100 ms, 300 ms] | plus de 300 ms |
| LCP | [0, 2500 ms] | (2500ms, 4000ms] | plus de 4000ms |
| CLS | [0, 0,1] | (0,1, 0,25] | plus de 0,25 |
Distribution et valeurs métriques sélectionnées
PSI présente une distribution de ces métriques afin que les développeurs puissent comprendre la gamme d’expériences pour cette page ou cette origine. Cette distribution est divisée en trois catégories : bonne, à améliorer et médiocre, qui sont représentées par des barres vertes, oranges et rouges. Par exemple, voir 11 % dans la barre orange du LCP indique que 11 % de toutes les valeurs LCP observées se situent entre 2 500 ms et 4 000 ms.
Au-dessus des barres de distribution, PSI signale le 75e centile pour toutes les métriques. Le 75e centile est sélectionné afin que les développeurs puissent comprendre les expériences utilisateur les plus frustrantes sur leur site. Ces valeurs métriques de champ sont classées comme bonnes/nécessite une amélioration/mauvaise en appliquant les mêmes seuils indiqués ci-dessus.
Sources: PageSpeed insight google test
