Lighthouse est un outil d'audit de sites Web qui aide les développeurs à bénéficier d'opportunités et de diagnostics pour améliorer l'expérience utilisateur sur leurs sites.
Lighthouse 9.0 est disponible immédiatement en ligne de commande, dans Chrome Canary et dans PageSpeed Insights. Elle atterrit dans la version stable de Chrome dans Chrome 98.
Modifications apportées à l'API
La plupart des utilisateurs ne devraient pas rencontrer de modifications destructives pour le workflow avec cette version. Si vous exécutez des audits Lighthouse personnalisés ou utilisez des outils qui dépendent de données détaillées dans le fichier JSON du rapport Lighthouse, vous devez connaître certaines modifications importantes dans la version 9.0.
Consultez la liste complète des modifications dans le journal des modifications 9.0.
Lighthouse pour les flux utilisateur
Lighthouse dispose d'une nouvelle API de parcours utilisateur qui permet d'effectuer des tests en laboratoire à tout moment de la durée de vie d'une page.
Puppeteer permet de créer des scripts pour les chargements de pages et de déclencher des interactions utilisateur synthétiques. Lighthouse peut être appelé de différentes manières pour capturer des insights clés au cours de ces interactions. Cela signifie que les performances peuvent être mesurées pendant le chargement de la page et lors des interactions avec celle-ci.
Pour en savoir plus, consultez le tutoriel sur les parcours utilisateur et les exemples de code Lighthouse.
Actualisation du rapport
Le rapport Lighthouse a été actualisé afin d'améliorer la lisibilité, et de rendre sa source et son mode de création plus clairs.
Une capture d'écran finale a été intégrée en haut du rapport pour montrer rapidement si la page testée s'est chargée correctement et dans le format attendu.
Les informations récapitulatives au bas du rapport ont également été remaniées pour mieux expliquer comment Lighthouse a été exécuté et le rapport collecté.
Pour voir comment fonctionne le nouveau rapport, essayez Lighthouse 9.0 ou consultez cet exemple de rapport.
Éléments d'accessibilité associés
Il arrive souvent que des éléments censés être uniques sur une page ne le soient pas (par exemple, si l'ID référencé dans un attribut aria-labelledby est utilisé dans plusieurs éléments).
Lighthouse a toujours prévenu de cette situation, mais ne listait que la première instance d'un élément ayant un ID répété, ce qui était souvent source de confusion, car certains utilisateurs supposaient que l'affichage de tous les éléments causait un problème. Étant donné que Lighthouse n'affichait qu'un seul élément, l'équipe supposait qu'il s'agissait d'un bug, car l'élément était signalé comme un doublon.
Dans Lighthouse 9.0, tous les éléments partageant cet ID sont désormais répertoriés:
Les "nœuds associés" est fournie par axe-core. Il est donc possible qu'il apparaisse également dans d'autres audits d'accessibilité.
Pour en savoir plus, consultez Problèmes de collecte des rapports utilisateur et Demande d'extraction d'implémentation.
Lighthouse en cours d'exécution
Lighthouse est disponible dans les outils pour les développeurs Chrome, dans npm (en tant que module Node et CLI) et en tant qu'extension de navigateur (dans Chrome et Firefox). Il est à la base de nombreux services Google, tels que web.dev/measure et PageSpeed Insights.
Pour essayer la CLI du nœud Lighthouse, utilisez les commandes suivantes:
npm install -g lighthouse
lighthouse https://www.example.com --view
Contacter l'équipe Lighthouse
Pour discuter des nouvelles fonctionnalités, des modifications apportées à la version 9.0 ou de tout autre sujet lié à Lighthouse:
- Signalez un problème ou envoyez vos commentaires dans l'outil de suivi des problèmes GitHub de Lighthouse.
- Posez vos questions dans les forums de discussion GitHub Lighthouse.
- Contactez l'équipe Lighthouse sur Twitter (@____lighthouse).