Avec la sortie de Chrome 132, Google met fin à l'extension Web Vitals et intègre toutes ses fonctionnalités dans le panneau Performance de DevTools. Une transition qui vise à centraliser les outils de diagnostic des performances web.
Ce qu'il faut retenir :
- L'extension Web Vitals est officiellement retirée depuis janvier 2025.
- Toutes ses fonctionnalités sont désormais disponibles dans le panneau Performance de DevTools.
- DevTools offre des outils avancés pour analyser les Core Web Vitals et bien plus encore.
- Un guide de migration est disponible pour faciliter la transition des développeurs.
Pourquoi Google a décidé de retirer l'extension web vitals ?
L'extension Web Vitals, lancée pour simplifier la mesure des performances web, a permis de faciliter l'optimisation des Core Web Vitals. Cependant, DevTools est devenu un outil plus puissant et complet, offrant les mêmes fonctionnalités que l'extension, enrichies de nouvelles capacités. Centraliser ces outils dans DevTools répond à une logique de simplification et d’efficacité pour les développeurs.
Les nouvelles fonctionnalités de Devtools
Avec l'intégration des capacités de l'extension Web Vitals, DevTools devient incontournable pour le diagnostic des performances web. Voici les fonctionnalités clés désormais disponibles :
- Données en temps réel : Les métriques Core Web Vitals comme LCP, CLS et INP peuvent être analysées localement.
- Données terrain : Comparaison des métriques locales avec les données CrUX pour les URL et origines, sur desktop et mobile.
- Détails sur le LCP : Identifiez les éléments spécifiques affectant vos scores, tels que le TTFB et le retard de rendu.
- Suivi des interactions : Analysez les interactions qui influencent les scores INP, avec un suivi précis des délais d’entrée et de rendu.
- Registre des décalages de mise en page : Identifiez les regroupements de décalages contribuant à vos scores CLS.
Comment réussir la transition vers Devtools ?
Pour les utilisateurs de l'extension Web Vitals, Google propose un guide de migration. Celui-ci explique où trouver les fonctionnalités dans DevTools et comment les utiliser efficacement. À noter que l’API CrUX, utilisée par l’extension, ne sera bientôt plus accessible, rendant la transition indispensable.
Google a également publié des instructions pour ceux qui souhaitent maintenir une copie locale de l’extension. Toutefois, l’utilisation de DevTools est vivement recommandée pour profiter des mises à jour et des outils avancés.
DevTools devient LA plateforme centrale pour l’analyse et l’optimisation de vos performances web. Le panneau Performance couvre désormais une large gamme de diagnostics, allant des Core Web Vitals à des métriques avancées comme le FCP et le TTFB, avec plus d’améliorations à venir dans les prochains mois. C'est le moment de changer d'outil !