Nouveautés de Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse est un outil d'audit de sites Web qui aide les développeurs à identifier les opportunités et à effectuer des diagnostics pour améliorer l'expérience utilisateur de leurs sites.

Lighthouse 11 est disponible immédiatement sur la ligne de commande via npm, dans Chrome Canary et dans PageSpeed Insights. Elle sera disponible dans la version stable de Chrome 118.

Consultez la liste complète des modifications dans le journal des modifications de la version 11.0.

Mises à jour de la catégorie "Accessibilité"

Les mises à jour de la catégorie incluent de nouveaux audits automatisés, une pondération améliorée et des audits manuels priorisés pour aider les développeurs à rendre leurs sites plus accessibles.

Nouveaux audits et pondération

Depuis Lighthouse 10.0, 13 nouveaux audits d'accessibilité ont été ajoutés :

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

En plus des nouveaux audits, les pondérations de tous les audits ont été mises à jour pour mieux correspondre aux niveaux d'impact des règles aXe correspondants. Pour en savoir plus sur les nouveaux audits et pondérations, consultez la documentation sur l'évaluation de l'accessibilité par Lighthouse.

Visibilité de l'audit manuel

Lighthouse a toujours inclus des audits manuels qui ne peuvent pas être testés automatiquement, mais qui sont tout de même inclus sous forme de checklist pour vérifier les fonctionnalités importantes. La section d'audit manuel est désormais automatiquement développée lorsque tous les audits automatisés ont été effectués.

Rapport Lighthouse montrant les audits manuels dans la catégorie "Accessibilité" développée

Cela souligne que la réussite de tous les audits automatisés et l'obtention d'un score de 100 en accessibilité ne garantissent pas que la page auditée est accessible. Les tests manuels restent importants. Les audits manuels ont également été réorganisés pour commencer par les vérifications les plus simples.

Modifications apportées aux audits existants

Interaction to Next Paint (INP)

L'INP n'est plus au stade expérimental. La métrique a donc été déplacée de experimental-interaction-to-next-paint vers interaction-to-next-paint.

Service workers

Un service worker n'est plus nécessaire pour qu'une page puisse être installée en tant que PWA dans Chrome. La vérification service-worker a donc été supprimée de la catégorie PWA de Lighthouse.

Résumé des ressources

L'audit resource-summary a été supprimé du rapport Lighthouse. Les statistiques des requêtes réseau peuvent toujours être compilées à l'aide de l'audit network-requests masqué :

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

Ancienne navigation

L'option --legacy-navigation pour la CLI, la fonction legacyNavigation() dans l'API Node et la case "Ancienne navigation" dans le panneau des outils de développement ont toutes été supprimées. Cela marque la fin d'une transition de plusieurs années dans l'infrastructure de Lighthouse pour prendre en charge les parcours utilisateur.

Exécuter Lighthouse

Lighthouse est disponible dans les outils pour les développeurs Chrome, npm (en tant que module Node et outil CLI) et en tant qu'extension de navigateur (dans Chrome et Firefox). Il est également utilisé par plusieurs services Google, dont PageSpeed Insights.

Pour essayer la CLI Lighthouse Node, 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 11 de Lighthouse ou de tout autre sujet lié à Lighthouse :