Outils d'optimisation des performances en 2024 et au-delà

Depuis 15 ans, le panneau "Performances" des outils pour les développeurs Chrome aide les développeurs à mesurer et optimiser leurs performances d'exécution sous une forme ou une autre. En commençant par un panneau appelé Chronologie, il est devenu le panneau "Performances" que vous connaissez aujourd'hui.

Au fil du temps, Chrome a lancé d'autres produits et fonctionnalités performants et performants. L'équipe Lighthouse a notamment été lancée en 2016 pour faciliter la détection des opportunités d'optimisation. Le panneau expérimental "Insights sur les performances" a été publié en 2022 pour tester de nouvelles façons d'afficher les insights sur les performances.

Le panneau "Performances" contient de nombreuses données et fonctionnalités qui permettent aux développeurs d'étudier en détail les problèmes de chargement de page et de performances d'exécution. Restons réalistes. Nous savons qu'il peut être difficile à utiliser et difficile d'identifier les meilleures opportunités d'amélioration des performances de vos pages. De plus, les autres outils qui permettent de trier les données et d'isoler rapidement des opportunités, comme Lighthouse, sont dissociés du panneau "Performances".

Afin de permettre aux développeurs d'identifier et de reproduire plus facilement les problèmes de performances, nous allons ajouter les fonctionnalités et les enseignements de Lighthouse et du panneau "Insights sur les performances", puis les intégrer dans le panneau "Performances" existant. Nous nous concentrons également sur l'expérience utilisateur et la facilité d'utilisation afin d'améliorer l'efficacité du panneau "Performances" en tant qu'outil d'optimisation des performances Web.

Quel est le résultat ? Un panneau unique, plus simple et plus performant que jamais, regroupant toutes les données et informations sur les performances.

Agir plus facilement sur les performances Web

Vos commentaires confirment que la forte densité d'informations accroît les problèmes d'usabilité. Nous développons activement des correctifs et des fonctionnalités pour vous aider. Les parcours d'optimisation clés, comme l'amélioration des Core Web Vitals, bénéficient d'un traitement de premier ordre. Nous prévoyons d'introduire des fonctionnalités telles que les annotations, qui vous permettront de noter les résultats et de partager vos enseignements avec vos collègues. La mise en évidence de corrélations dans les données permet d'améliorer la capacité à comprendre un système complexe, en vous offrant plus de moyens de révéler la façon dont les données sont connectées, comme les requêtes réseau à l'activité du thread principal.

Nous ajouterons de nouvelles fonctionnalités au fur et à mesure que nous les développerons. Plusieurs fois par an, nous vous informerons des nouvelles fonctionnalités proposées par le panel. Veuillez patienter De nouvelles fonctionnalités vont bientôt commencer.

La puissance de Lighthouse dans le panneau "Performances"

Nous avons vu que les développeurs utilisent à la fois les panneaux Lighthouse et Performance, et que le passage d'un contexte à l'autre s'avère compliqué. De plus, pour prendre des mesures concernant les résultats Lighthouse, vous devrez peut-être accéder au panneau "Performances" pour obtenir plus de contexte. Cela provoque des frictions, car la vue d'ensemble normative des performances d'une page est dissociée des données de performances détaillées.

Nous allons intégrer en profondeur l'analyse des performances de Lighthouse via le panneau "Performance". Grâce à cette intégration, Lighthouse met en évidence les principales opportunités d'amélioration des performances de vos pages dans le panneau "Performances" et fournit tous les détails nécessaires pour exploiter ces opportunités.

Après avoir déplacé toutes les fonctionnalités de performances dans le panneau "Performances", le panneau indépendant Lighthouse des outils de développement deviendra redondant et sera abandonné. Cette suppression ne se produira que lors du second semestre 2025. Il est important d'indiquer clairement que Lighthouse ne va pas disparaître.

Capture d'écran du panneau "Performances" avec le logo Lighthouse

Lighthouse est là pour durer

Le module npm de Lighthouse et le rapport Lighthouse dans PageSpeed Insights (y compris l'API PSI) ne seront pas supprimés. Nous restons attachés à la disponibilité et à la qualité de Lighthouse en tant qu'outil Open Source permettant d'évaluer les performances des pages dans l'environnement préféré des développeurs.

Cette intégration nous permet d'améliorer à la fois le panneau des performances et les fonctionnalités de Lighthouse pour les développeurs qui essaient de résoudre des problèmes de chargement, de réactivité et de stabilité du contenu.

Le panneau expérimental "Insights sur les performances" sera abandonné

Nous avons lancé le panneau "Insights sur les performances" afin de déterminer comment nous pourrions mieux traiter trois problèmes principaux: réduire la densité d'informations du panneau "Performances", favoriser les analyses basées sur les cas d'utilisation et réduire la courbe d'apprentissage liée à l'utilisation du panneau "Performances".

Les commentaires des développeurs nous ont appris beaucoup. Nous avons confirmé que l'analyse axée sur les cas d'utilisation (par exemple, "Je veux optimiser le LCP" ou "Je veux optimiser les pages pour qu'elles soient plus réactives") est extrêmement utile, et que les fonctionnalités telles que la formation des décalages de mise en page facilitent le diagnostic et l'amélioration des métriques.

Les développeurs ont également trouvé le panneau "Insights sur les performances" plus accessible que le panneau "Performances", ce qui confirme que la densité d'informations réduite est attrayante. Cependant, cette réduction de la densité présentait un coût dans de nombreux cas, obligeant les développeurs à accéder au panneau "Performances" pour obtenir les données détaillées nécessaires pour prendre des mesures.

Les enseignements que nous avons tirés ainsi que de nombreuses fonctionnalités du panel expérimental "Insights sur les performances" seront intégrés au panneau "Performances". Grâce à des fonctionnalités comme l'analyse basée sur les cas d'utilisation, l'amélioration de la densité d'informations et l'intégration à Lighthouse, nous pourrons exploiter plus efficacement les insights sur les performances des pages que jamais.

Le test des insights sur les performances sera supprimé plus tard en 2024.

Où envoyer des commentaires

N'hésitez pas à nous faire part de vos commentaires lorsque nous lançons de nouvelles fonctionnalités. Si vous avez des idées sur la façon d'améliorer les fonctionnalités ajoutées ou si votre flux actuel dans le panneau est trop perturbé, n'hésitez pas à nous le faire savoir. Nous souhaitons connaître ce qui fonctionne, ce qui ne fonctionne pas et ce qui, selon vous, pourrait être amélioré. Merci !