S'inscrire gratuitement
Retour

Google Intègre le Suivi des Web Vitals dans DevTools

Google, le géant de la technologie, a récemment annoncé une mise à jour significative concernant son outil DevTools. En intégrant le suivi des Core Web Vitals directement dans le panneau Performance de DevTools, Google répond aux besoins croissants des développeurs pour un accès centralisé à des outils de mesure essentiels. Cette évolution fait suite à la suppression de l’extension Web Vitals avec la version 132 de Chrome, une décision qui avait suscité des préoccupations parmi les utilisateurs. Dans cet article, nous allons explorer les raisons de ce changement, les nouvelles fonctionnalités offertes par DevTools, ainsi que les étapes à suivre pour les développeurs afin de tirer le meilleur parti de cette mise à jour.

Raison du Retrait de l’Extension Web Vitals

L’extension Web Vitals, bien qu’initialement utile pour surveiller les performances des sites, a été retirée du paysage des outils Google pour faire place à des fonctionnalités améliorées au sein de DevTools. Ce retrait n’est pas anodin : il s’inscrit dans une volonté plus large de Google de simplifier et d’optimiser le flux de travail des développeurs. Au lieu de jongler avec plusieurs outils, les développeurs peuvent désormais accéder à toutes les métriques nécessaires dans un seul et même endroit. Cette intégration permet une gestion plus efficace des performances des sites, ce qui est crucial dans un environnement numérique en constante évolution.

Nouveautés dans DevTools

Avec cette mise à jour, le panneau Performance de DevTools reçoit un coup de fouet considérable grâce à des fonctionnalités qui améliorent l’expérience utilisateur. Voici un aperçu des nouveautés :

  • Métriques en Temps Réel : Les développeurs peuvent désormais accéder aux données des Core Web Vitals en temps réel, ce qui leur permet de tester et d’optimiser leurs sites de manière plus efficace.

  • Données de Terrain : Les nouvelles fonctionnalités permettent de comparer les métriques locales avec les données de Chrome User Experience Report (CrUX), incluant des résultats pour les versions desktop et mobile.

  • Détails du Largest Contentful Paint (LCP) : Cette fonctionnalité offre une identification précise des éléments influençant le score LCP. Les développeurs peuvent ainsi analyser le Time to First Byte (TTFB) et d’autres aspects cruciaux.

  • Journal d’Interaction To Next Paint (INP) : Un suivi détaillé des interactions impactant l’INP permet aux développeurs d’avoir une visibilité sur le délai d’entrée et le traitement des interactions.

  • Journal de Cumulative Layout Shift (CLS) : Les déréglages de mise en page sont désormais visualisés, ce qui aide à comprendre comment ils affectent le score CLS.

  • Métriques Diagnostiques : Les informations sur le TTFB et le First Contentful Paint (FCP) sont désormais accessibles, facilitant le débogage et l’optimisation des performances.

En regroupant toutes ces fonctionnalités au même endroit, DevTools devient un véritable outil incontournable pour les développeurs cherchant à améliorer la performance de leurs sites.

Étapes Suivantes pour les Développeurs

Pour les utilisateurs de l’extension Web Vitals, la transition vers DevTools est fortement recommandée. Google a mis à disposition un guide de migration qui facilite cette transition et permet aux développeurs de se familiariser rapidement avec les nouvelles fonctionnalités. Toutefois, pour ceux qui auront besoin de conserver l’extension, des instructions sont disponibles pour garder une copie locale de celle-ci. Il est important de noter que l’utilisation de l’API CrUX nécessitera un nouvel identifiant API, ce qui incitera les développeurs à s’adapter aux nouvelles pratiques.

Perspectives d’Avenir pour DevTools

L’intégration des Core Web Vitals dans DevTools marque une étape importante dans la stratégie de Google. L’objectif est clair : positionner DevTools comme l’outil de référence pour le suivi des performances web. À l’avenir, on peut s’attendre à ce que le panneau Performance s’enrichisse encore davantage, englobant non seulement l’ensemble des Core Web Vitals mais également des outils de diagnostic avancés. Cette évolution renforcera les capacités des développeurs à surveiller et optimiser les performances de leurs sites, tout en s’inscrivant dans une démarche d’amélioration continue.

Mise à Jour de PageSpeed Insights (PSI)

En parallèle de cette intégration dans DevTools, Google a également apporté des améliorations à PageSpeed Insights (PSI). L’outil inclut désormais une période de collecte des données pour les métriques de Chrome User Experience Report (CrUX). Cela répond à une préoccupation fréquente des développeurs qui nécessitaient des informations sur les performances en conditions réelles.

Les données CrUX dans PSI se basent sur le 75e percentile des visites réelles des utilisateurs sur une période de 28 jours, avec un délai de deux jours. Par exemple, si un test est effectué le 5 janvier, les données affichées couvriront la période du 7 décembre au 3 janvier. Cette mise à jour améliore la transparence des données et permet aux développeurs de suivre plus facilement les impacts de leurs optimisations.

Importance de cette Amélioration

Les données CrUX jouent un rôle essentiel dans l’évaluation de l’expérience utilisateur en conditions réelles. En permettant aux développeurs de connaître la période de collecte des données, Google facilite l’analyse des impacts des changements et des optimisations apportées à leurs sites. Ceci est d’autant plus crucial dans un environnement compétitif où le classement dans les résultats de recherche de Google dépend des performances des sites.

Utilisation des Données CrUX dans Divers Outils

Les données CrUX sont disponibles à travers divers outils Google, chacun présentant les données de manière légèrement différente :

  • PageSpeed Insights (PSI) : Permet d’obtenir des données pour des URL spécifiques ou l’ensemble d’un site, sur une période de 28 jours.

  • Google Search Console : Regroupe les données CrUX par pages liées, ce qui peut parfois prêter à confusion pour les développeurs.

  • BigQuery : Propose des extractions mensuelles des données CrUX, offrant des informations supplémentaires telles que des histogrammes et des décompositions géographiques. Ces données sont mises à jour environ 10 jours après la fin de chaque mois.

Cette diversité permet aux développeurs de choisir l’outil qui répond le mieux à leurs besoins. Cette mise à jour significative de DevTools et de PageSpeed Insights facilite l’interprétation des données CrUX et améliore la transparence des informations. Bien que cela puisse sembler être un changement mineur, il simplifie considérablement l’analyse des données en provenance d’utilisateurs réels. Pour les développeurs, cela représente une opportunité en or d’optimiser leurs performances et d’améliorer leur visibilité dans les résultats de recherche. En intégrant ces nouvelles fonctionnalités, Google réaffirme son engagement envers l’amélioration continue de l’expérience utilisateur sur le web.

FAQ


Qu’est-ce que l’intégration des Web Vitals dans DevTools signifie pour les développeurs ?

L’intégration des Web Vitals dans DevTools permet aux développeurs d’accéder à des outils de mesure des Core Web Vitals directement dans le panneau Performance de DevTools. Cela centralise les outils nécessaires pour améliorer les performances des sites web et remplace l’extension Web Vitals, offrant ainsi une expérience plus fluide et efficace.

Pourquoi Google a-t-il retiré l’extension Web Vitals ?

L’extension Web Vitals a été retirée car ses fonctionnalités ont été intégrées de manière améliorée dans DevTools. Cette décision vise à rationaliser le flux de travail des développeurs en regroupant toutes les fonctionnalités nécessaires au même endroit, tout en fournissant des outils de débogage avancés.

Quelles sont les nouvelles fonctionnalités incluses dans DevTools ?

Le panneau Performance de DevTools inclut désormais des métriques en temps réel, des données de terrain provenant de CrUX, des détails sur le Largest Contentful Paint (LCP), un journal pour l’Interaction To Next Paint (INP) et le Cumulative Layout Shift (CLS), ainsi que des métriques diagnostiques pour le Time to First Byte (TTFB) et le First Contentful Paint (FCP).

Que doivent faire les développeurs suite au retrait de l’extension Web Vitals ?

Les développeurs sont encouragés à adopter DevTools pour continuer à suivre les Core Web Vitals. Google a mis à disposition un guide de migration pour faciliter cette transition. Pour ceux qui ne peuvent pas migrer immédiatement, il est conseillé de conserver une copie locale de l’extension, bien que l’utilisation future de l’API CrUX nécessitera un nouvel identifiant API.

Quel impact cette mise à jour a-t-elle sur l’utilisation de PageSpeed Insights (PSI) ?

La mise à jour de PageSpeed Insights inclut désormais la période de collecte des données CrUX, ce qui améliore la transparence et aide les développeurs à comprendre l’impact des changements sur leurs sites. Les données CrUX sont essentielles pour évaluer l’expérience utilisateur réelle et influencent le classement dans les résultats de recherche Google.

Retour en haut