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.
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:
- 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).