Google déploie le nouveau PageSpeed ​​Insights

Outil PageSpeed ​​Insights: L'outil PageSpeed ​​Insights analyse le contenu d'une page Web, puis génère des suggestions pour accélérer cette page. Google a mis à niveau l'outil en 2018 pour utiliser les données de terrain du monde réel des navigateurs Chrome.

Nouvel emplacement: Google a déplacé l'outil vers https://pagespeed.web.dev/,il se trouvait auparavant sur https://developers.google.com/speed/pagespeed/insights/

Ce qui est nouveau: Google a déclaré que l'interface utilisateur est plus intuitive "en différenciant clairement les données dérivées d'un environnement synthétique et les données collectées auprès des utilisateurs sur le terrain". Google a maintenant mis en place des sections dédiées aux données de laboratoire par rapport aux données de terrain dans l'outil. Les étiquettes pour « Données de terrain » et « Données de laboratoire » ont été remplacées par du texte qui indique ce que signifient les données et comment elles peuvent être utiles. Google a également déplacé la section des données de champ vers le haut.

Google a également le résultat de l'évaluation Core Web Vitals, qui apparaissait auparavant sous la forme d'un seul mot « réussi » ou « échec » dans les données de terrain. Cela l'aide à se démarquer en tant que sous-section distincte avec une icône distincte.

Google a modifié le menu de navigation en haut et inclus des liens pour mobile et ordinateur de manière centralisée sur la page du rapport. Les liens sont désormais plus nombreux et "indiquent clairement la plate-forme pour laquelle les données sont affichées", a déclaré la société.

Voici une capture d'écran avant et après :

Le résumé d'origine de PageSpeed ​​Insight a été déplacé pour apparaître sur l'horloge d'une case à cocher. Google a déclaré avoir déplacé cette section du rapport dans un nouvel onglet. Le résumé de l'origine fournit le score CrUX agrégé pour toutes les pages de l'origine.

Le rapport PageSpeed ​​Insights comprend désormais une nouvelle section d'informations au bas de chaque champ et une carte de laboratoire partageant les détails suivants sur les données échantillonnées :

• Période de collecte des données
• Durées des visites
• Dispositifs
• Les connexions de réseau
• Taille de l'échantillon
• Versions chromées

Il existe une nouvelle fonctionnalité « Développer la vue » qui ajoute une fonction d'exploration vers le bas à la section des données de terrain et vous permet d'afficher des détails granulaires pour les métriques Core Web Vitals.

La capture d'écran de l'image de la page a été supprimée et désormais, l'image et les vignettes de la page affichant la séquence de chargement seront toutes deux disponibles dans la section des données de laboratoire.

Google modifie également certaines de ses mesures pour les différentes métriques.

Pourquoi nous nous soucions. Si vous êtes obsédé par la vitesse ou si vous souhaitez que vos scores Page Experience et Core Web Vital soient les plus élevés possible, vous pouvez utiliser PageSpeed ​​Insights pour y travailler. Passez en revue les modifications apportées par Google à l'outil pour voir ce que vous pouvez retirer de plus de cet outil que vous n'aviez pas auparavant. Voici ce que Google dit concernant ça:

Quoi de neuf dans PageSpeed ​​Insights

Découvrez les dernières nouveautés de PageSpeed ​​Insights pour vous aider à mieux mesurer et optimiser la qualité de votre page et de votre site.

Au fil des ans, PageSpeed ​​Insights (PSI) est devenu une source unique pour les données de terrain et de laboratoire. Il intègre des informations du rapport Chrome UX (CrUX) et des diagnostics Lighthouse pour fournir des informations qui aident à améliorer les performances de votre site Web.

Aujourd'hui, nous sommes ravis d'annoncer une version mise à jour de PSI ! Bien qu'il s'agisse d'un élément essentiel de notre suite d'outils rapides , la base de code PSI avait dix ans, contenait beaucoup de code hérité et devait faire l'objet d'une refonte. Nous en avons profité pour résoudre les problèmes liés à l'interface dans PSI, qui ont parfois rendu difficile la navigation des utilisateurs dans le rapport. Nos principaux objectifs étaient de :

• Rendre l'UI plus intuitive en différenciant clairement les données issues d'un environnement synthétique et les données collectées auprès des utilisateurs sur le terrain.
• Communiquez clairement comment l' évaluation Core Web Vitals est calculée dans l'interface utilisateur.
• Modernisez l'apparence et la convivialité de PSI, en tirant parti de Material Design .

Cet article présente les nouvelles fonctionnalités de PSI qui seront publiées plus tard cette année.

La refonte de l'interface utilisateur? 

La refonte de l'interface utilisateur PSI vise à améliorer la présentation des données du rapport et à ajouter de la clarté et de la granularité aux données disponibles dans le rapport. La nouvelle interface utilisateur se veut plus intuitive et aide les développeurs à découvrir rapidement des informations sur les performances de laboratoire et de terrain pour leurs pages. Les changements fondamentaux apportés à l'interface utilisateur incluent :

Séparation claire des données de terrain et de laboratoire

Nous avons modifié l'interface utilisateur pour séparer distinctement les données de terrain des données de laboratoire. Les étiquettes pour « Données de terrain » et « Données de laboratoire » ont été remplacées par du texte qui indique ce que signifient les données et comment elles peuvent aider. Nous avons également placé la section Données de terrain en haut. Le score de performance traditionnel basé sur le laboratoire, qui est actuellement affiché en haut, a été déplacé vers la section Données du laboratoire pour éviter toute ambiguïté sur l'origine du score.