Nouveautés de Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse est un outil d'audit de site Web qui fournit aux développeurs des opportunités et des diagnostics permettant d'améliorer l'expérience utilisateur sur leurs sites.

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

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

Mises à jour des catégories d'accessibilité

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

Nouveaux audits et pondérations

Depuis la version 10.0 de Lighthouse, 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

Outre les 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 le score d'accessibilité Lighthouse.

Visibilité de l'audit manuel

Lighthouse a toujours inclus des audits manuels qui ne peuvent pas être testés automatiquement, mais ils sont tout de même fournis comme checklist pour vérifier des fonctionnalités importantes. La section des audits manuels est désormais automatiquement développée une fois tous les audits automatisés terminés.

Rapport Lighthouse montrant le développement des audits manuels dans la catégorie d'accessibilité

Cela souligne que le fait de réussir tous les audits automatisés et d'obtenir un score d'accessibilité de 100 ne garantit pas que la page auditée sera accessible. Les tests manuels restent importants. Les audits manuels ont également été réorganisés pour commencer par les vérifications les plus accessibles.

Modifications apportées aux audits existants

Interaction to Next Paint (INP)

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

Il n'est plus nécessaire de disposer d'un service worker pour installer une page en tant que PWA dans Chrome. Par conséquent, la vérification service-worker a été supprimée de la catégorie des PWA Lighthouse.

Résumé des ressources

L'audit resource-summary a été supprimé du rapport Lighthouse. Les statistiques sur les 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'indicateur --legacy-navigation pour la CLI, la fonction legacyNavigation() dans l'API Node et la case à cocher "Legacy navigation" (Ancienne navigation) du panneau "DevTools" ont tous été supprimés. Cela complète une transition de plusieurs années dans l'infrastructure de Lighthouse qui prend en charge les flux utilisateur.

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 outil CLI) et en tant qu'extension de navigateur (dans Chrome et Firefox). Ce service alimente également plusieurs services Google, dont 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 de Lighthouse 11 ou de toute autre question liée à Lighthouse: