Lighthouse 3.0 est disponible 3.0 propose des audits plus rapides, moins d'écarts, une nouvelle interface utilisateur pour les rapports, de nouveaux audits, et plus encore.
Comment passer à la version 3.0
- CLI. Exécutez
npm install -g lighthouse@next. - Nœud : Exécutez
npm install lighthouse@next. - Extension Chrome. Votre extension devrait être automatiquement mise à jour vers la version 3.0.
- Outils pour les développeurs Chrome Lighthouse 3.0 sera disponible dans Chrome 69.
Audits plus rapides et moins d'écarts
Lighthouse 3.0 termine vos audits plus rapidement, avec moins de variations entre les exécutions, grâce à quelques modifications:
- Limitation simulée : Auparavant, Lighthouse rallongeait votre page avant d'exécuter des audits. À présent, Lighthouse utilise un nouveau moteur d'audit interne, nommé Lantern, qui exécute vos audits dans les paramètres normaux de votre réseau et de votre processeur, puis estime le temps de chargement de la page dans des conditions mobiles.
- Délais d'attente réduits. Pour déterminer si le chargement d'une page est terminé, Lighthouse doit attendre que le réseau et le processeur ne présentent aucune activité. Ce délai d'attente est plus court dans la version 3.
Nouvelle interface utilisateur pour les rapports
Lighthouse 3.0 propose une toute nouvelle interface utilisateur de rapport, grâce à la collaboration entre les équipes Lighthouse et Chrome UX (Research & Design).
Modifications de l'appel
La version nœud de Lighthouse est désormais compatible avec les mêmes options de configuration que la version CLI. Il peut s'agir d'une modification destructive, selon la configuration de votre module Node Lighthouse dans la version 2. Pour en savoir plus, consultez Modifications de l'appel.
Changements de notation
Dans Lighthouse 3.0, le modèle d'évaluation des audits de performances change. Un score de 50 représente le 75e centile, et un score parfait de 100 représente le 98e centile, qui est le point de retours décroissants.
Le score de performance correspond à une moyenne pondérée des audits de performances. La pondération des audits change également dans la version 3.
| Nom de l'audit | Pondération v2 | Pondération v3 |
|---|---|---|
| First Contentful Paint (nouveau dans la version 3) | N/A | 3 |
| First Meaningful Paint | 5 | 1 |
| Premier processeur inactif (première interaction dans la version 2) | 5 | 3 |
| Délai avant interactivité (toujours interactif dans la version 2) | 5 | 5 |
| Indice de vitesse perceptuelle | 1 | N/A |
| Indice de vitesse | N/A | 4 |
| Estimation de la latence d'entrée | 1 | 0 |
À l'avenir, le guide d'évaluation de Lighthouse v3 vous permettra de consulter tout ce que vous devez savoir sur le fonctionnement de l'évaluation dans Lighthouse v3.
Nouveaux formats de sortie et modifications
Prise en charge des sorties CSV
Les résultats du rapport peuvent désormais être générés au format CSV. Chaque ligne contient des informations et des résultats pour un audit, y compris:
- Nom de la catégorie à laquelle appartient l'audit.
- Nom de l'audit.
- Description de l'audit.
- Type de score utilisé pour l'audit.
- Valeur du score
Modifications de la sortie JSON
La version 3.0 apporte de nombreuses modifications au format de sortie JSON de Lighthouse. Pour en savoir plus, consultez le guide de migration Lighthouse v3.
Nouveaux audits
First Contentful Paint
Mesurez le moment où le texte ou l'image est affiché pour la première fois sur l'écran de l'utilisateur.
Le fichier robots.txt n'est pas valide.
Assurez-vous que le format du fichier robots.txt de votre site est correct afin que les robots des moteurs de recherche puissent explorer votre site.
Utiliser des formats vidéo pour le contenu animé
Remplacez les GIF par des tags video pour faire des économies considérables sur la taille des fichiers vidéo.
Pour en savoir plus, consultez Remplacer les GIF animés par des vidéos.
Évitez les allers-retours multiples et coûteux vers n'importe quel point de départ
Améliorez vos performances de chargement en ajoutant des attributs rel="preconnect" aux balises link, afin d'informer le navigateur d'établir une connexion avec une origine dès que possible.
Pour en savoir plus, consultez la section Préconnexion.
Auditer les modifications
Première session interactive ➡ Premier processeur inactif
L'audit First Interactive a été renommé First CPU Idle pour mieux décrire son fonctionnement. L'objectif général de l'audit est le même. Utilisez cet audit pour mesurer le moment où les utilisateurs peuvent interagir pour la première fois avec votre page.
Indice de vitesse perceptuelle ➡ Indice de vitesse
Dans Lighthouse 3.0, l'audit Perceptual Speed Index devient Speed Index. Cette modification aligne Lighthouse sur la façon dont WebPageTest mesure cette métrique. Le but de l'audit est le même, mais la métrique sous-jacente est légèrement différente.