Avec la sortie de Chrome 132, Google a annoncé la fin de l’extension Web Vitals, intégrant désormais toutes ses fonctionnalités directement dans le panneau Performance de DevTools. Cette initiative vise à centraliser les outils de diagnostic des performances web pour les développeurs.
Pourquoi cette transition ?
Lancée pour simplifier la mesure des performances web, l’extension Web Vitals a facilité 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.
Quelles sont 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 !
Conclusion
La centralisation des outils de performance web dans DevTools simplifie le travail des développeurs en offrant une suite complète et intégrée pour l’analyse et l’optimisation des sites web. Cette transition reflète l’engagement de Google à fournir des outils toujours plus performants pour améliorer l’expérience utilisateur sur le web.
