Lighthouse est un outil d'audit de site Web qui fournit aux développeurs des opportunités et des diagnostics pour améliorer l'expérience utilisateur sur leurs sites.
Lighthouse 9.0 est disponible immédiatement sur la ligne de commande, dans Chrome Canary et dans PageSpeed Insights. Il arrivera dans la version stable de Chrome dans Chrome 98.
Modifications apportées à l'API
La plupart des utilisateurs ne devraient pas subir de modifications destructives du workflow avec cette version. Si vous exécutez des audits Lighthouse personnalisés ou si vous utilisez des outils qui dépendent de détails détaillés dans le fichier JSON du rapport Lighthouse, il est possible que vous deviez connaître certaines modifications destructives 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 pendant la durée de vie d'une page.
Puppeteer permet de créer des scripts pour des chargements de page et de déclencher des interactions utilisateur synthétiques. Lighthouse peut être appelé de plusieurs 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 flux utilisateur et les exemples de code Lighthouse.
Actualisation des rapports
Le rapport Lighthouse a été actualisé afin d'améliorer la lisibilité, ainsi que la source et la façon dont il a été exécuté.
Une capture d'écran finale a été intégrée en haut du rapport pour indiquer d'un coup d'œil si la page testée se charge correctement et se présente dans le format attendu.
Les informations récapitulatives au bas du rapport ont également été repensées pour mieux communiquer sur la façon dont Lighthouse a été exécuté et que le rapport a été collecté.
Pour voir concrètement ce nouveau rapport, essayez Lighthouse 9.0 ou consultez cet exemple de rapport.
Éléments d'accessibilité associés
Un problème d'accessibilité courant survient lorsque des éléments censés être uniques sur une page ne le sont pas, par exemple si l'ID référencé dans un attribut aria-labelledby est utilisé sur plusieurs éléments.
Lighthouse a toujours averti cette situation, mais ne liste que la première instance d'un élément avec un ID répété, ce qui est souvent source de confusion, car certains utilisateurs supposent qu'il affiche tous les éléments à l'origine du problème. Étant donné que Lighthouse n'affichait qu'un seul élément, il supposait qu'il s'agissait d'un bug signalé comme doublon.
Dans Lighthouse 9.0, tous les éléments partageant cet ID sont désormais répertoriés:
Cette fonctionnalité "nœuds associés" est fournie par axe-core. Elle peut donc également figurer dans d'autres audits d'accessibilité.
Pour en savoir plus, consultez Problèmes liés à la collecte des rapports utilisateur et la demande d'extraction d'implémentation.
Phare en cours d'exécution
Lighthouse est disponible dans les outils pour les développeurs Chrome, npm (en tant que module de nœud et CLI) et en tant qu'extension de navigateur (dans Chrome et Firefox). De nombreux services Google sont disponibles, y compris web.dev/measure et PageSpeed Insights.
Pour tester la CLI du nœud Lighthouse, exécutez 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 toute autre question liée à Lighthouse:
- Signalez un problème ou envoyez des commentaires dans l'outil de suivi des problèmes GitHub Lighthouse.
- Posez vos questions sur les forums de discussion GitHub Lighthouse.
- Contactez l'équipe Lighthouse sur Twitter (@____lighthouse).