Vérifiez les performances et la qualité de tout site Web avec Lighthouse

Google est à la pointe de la conception Web moderne. Il offre une multitude d’outils allant d’Analytics à DevTools dans le but d’aider les gens à créer un meilleur Web..

Récemment, il a publié un autre outil pratique appelé Lighthouse. C'est un outil de test automatisé gratuit qui fonctionne en arrière-plan de Chrome. Il fonctionne comme un mini-audit de site Web dans le cadre duquel il vérifie les performances, la vitesse, l'accessibilité et le respect des meilleures pratiques sémantiques du site..

L'extension du phare était créé principalement pour les applications web progressives. Ces applications Web générales s'exécutent dans le navigateur et se comportent comme des applications natives, tout en fonctionnant comme des sites Web classiques..

Les PWA constituent une part importante du projet Lighthouse. Mais le but de Lighthouse est d’aider tous les développeurs web vérifier la qualité de leurs pages.

Cela peut inclure la vérification de bugs HTML / CSS ou la recherche de lignes de code dupliquées. Lighthouse s'intéresse également aux performances Web avec des conseils d'optimisation pour les images, la taille des fichiers, les requêtes HTTP et bien plus encore..

Tous les principaux résultats d'audit apparaissent dans les outils de développement de Chrome vous n'avez donc même pas besoin d'ouvrir une nouvelle fenêtre pour vérifier les statistiques. Tout ce dont vous avez besoin est une version en cours d'exécution de Chrome et un peu de temps pour passer en revue les résultats de l'audit de Lighthouse..

Généralement, cela se décompose en quatre catégories:

Performance.
Accessibilité.
Les meilleures pratiques.
Propriétés Webapp progressives.

Chaque catégorie se décompose davantage en propriétés plus petites avec des recommandations pour des améliorations UX.

Au cliquer sur un bouton pour extraire les résultats de l'audit cela vous aidera à améliorer radicalement les performances, la vitesse, la convivialité et presque chaque métrique de Google..

Si vous voulez en savoir plus, parcourez la page principale et découvrez les nombreuses fonctionnalités de Lighthouse..

Vous pouvez également regarder cette présentation de Google I / O 2017, qui a présenté pour la première fois Lighthouse à la communauté des développeurs..