Depuis Google I/O, nous avons travaillé dur pour faire de Lighthouse un excellent outil pour créer de superbes applications Web progressives:
- 50 nouveaux contributeurs ont rejoint le projet
- 15 versions expédiées
- Ajout d'environ 20 tests d'audit supplémentaires (environ 50 au total)
Nous sommes heureux de vous annoncer aujourd'hui la version 1.3 de Lighthouse. Lighthouse 1.3 inclut de nombreuses nouvelles fonctionnalités, des audits et les corrections de bugs habituelles. Vous pouvez l'installer à partir de npm (npm i -g lighthouse) ou télécharger l'extension sur le Chrome Web Store.
Qu'est-ce qui a changé ?
Nouvelle interface
Si vous avez utilisé une version antérieure de Lighthouse, vous avez peut-être remarqué que le logo est nouveau. Le rapport HTML et l'extension Chrome ont également été entièrement remaniés, avec une présentation plus claire de la notation et une plus grande cohérence entre les résultats de l'audit. Nous avons également ajouté des informations de débogage utiles lorsque vous échouez à un test et des conseils sur les solutions de contournement recommandées.
Nouvelles bonnes pratiques
À ce jour, Lighthouse s'est concentré sur les métriques de performances et la qualité des PWA. Toutefois, l'objectif général du projet est de fournir un guide pour l'ensemble du développement Web. Cela inclut des conseils sur les bonnes pratiques générales, des conseils sur les performances et l'accessibilité, ainsi qu'une aide de bout en bout pour créer des applications de qualité.
"Do Better Web" est un effort du projet Lighthouse visant à aider les développeurs à améliorer leur présence sur le Web. En d'autres termes, aidez-les à moderniser et à optimiser leurs applications Web. Souvent, les développeurs Web utilisent des pratiques obsolètes, des anti-modèles ou rencontrent des écueils de performances connus sans s'en rendre compte. Par exemple, il est bien connu que les animations basées sur JavaScript doivent être effectuées avec requestAnimationFrame() au lieu de setInterval(). Toutefois, si le développeur n'est pas au courant de la nouvelle API, son application Web en souffre inutilement.
Lighthouse 1.3 inclut plus de 20 bonnes pratiques, allant de conseils pour moderniser les fonctionnalités CSS et JavaScript à des recommandations de performances telles que "Réduire le nombre d'éléments bloquant le rendu" et "Utiliser des écouteurs d'événements passifs pour améliorer les performances de défilement".
Nous ajouterons d'autres recommandations au fil du temps. Si vous avez des suggestions de bonnes pratiques ou souhaitez nous aider à rédiger un audit, signalez un problème sur GitHub.
Visionneuse de rapports
Enfin, nous sommes ravis d'annoncer un nouveau visionneuse Web pour les résultats Lighthouse. Accédez à googlechrome.github.io/lighthouse/viewer, faites glisser-déposer la sortie d'une analyse Lighthouse (ou cliquez pour importer votre fichier), et le tour est joué. Rapport HTML Lighthouse "Insta".
L'outil Lighthouse Viewer vous permet également de partager des rapports avec d'autres utilisateurs. Cliquez sur l'icône de partage pour vous connecter à GitHub. Nous stockons les rapports sous forme de gist secret dans votre compte afin que vous puissiez facilement supprimer un rapport partagé ou le mettre à jour plus tard. Utiliser GitHub pour le stockage de données vous permet également de bénéficier d'un contrôle des versions sans frais.
Vous pouvez actualiser les rapports existants dans Lighthouse Viewer en ajoutant ?gist=GIST_ID à l'URL:
Pour en savoir plus sur les dernières nouveautés de Lighthouse, consultez les notes de version complètes sur GitHub. Comme toujours, contactez-nous pour signaler des bugs, envoyer des demandes de fonctionnalités ou réfléchir à des idées pour ce que vous aimeriez voir ensuite.