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 aide les développeurs à bénéficier d'opportunités et de diagnostics pour améliorer l'expérience utilisateur sur leurs sites.

Lighthouse 11 est disponible immédiatement en ligne de commande via npm, dans Chrome Canary et dans PageSpeed Insights. Elle atterrit 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 amélioration de la pondération et des audits manuels hiérarchisés pour aider les développeurs à rendre leurs sites plus accessibles.

Nouveaux audits et pondérations

Depuis Lighthouse 10.0, 13 nouveaux audits de l'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 le score d'accessibilité de 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 des fonctionnalités importantes. La section "Audit manuel" est désormais automatiquement développée une fois tous les audits automatisés terminés.

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

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

Modifications apportées aux audits existants

Interaction to Next Paint (INP, Interaction to Next Paint)

INP n'est plus en phase de test. 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. Par conséquent, la vérification service-worker a été supprimée de la catégorie 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'option --legacy-navigation de la CLI, la fonction legacyNavigation() de l'API Node et l'option "Ancienne navigation" dans le panneau "DevTools" (Outils de développement) ont tous été supprimés. Cette opération achève la transition de l'infrastructure Lighthouse sur une période de plusieurs années afin de prendre en charge les parcours utilisateur.

Lighthouse en cours d'exécution

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 à la base de plusieurs services Google, y compris 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 à Lighthouse 11 ou de tout autre sujet lié à Lighthouse: