Qu'est-ce que Google Lighthouse ?

La façon dont un utilisateur découvre ton site Web et ses pages peut largement affecter le classement de ton contenu dans les résultats de recherche de Google. 

Heureusement, Google Lighthouse est l'outil idéal pour ceux qui cherchent à auditer leur site web et ses pages. 

Google Lighthouse est un outil gratuit, automatisé et open-source, utilisé pour améliorer la qualité des pages web. Il peut fonctionner sur n'importe quelle page web, qu'elle soit publique ou qu'elle nécessite encore une authentification.

L'outil propose des audits de performance, d'accessibilité, de progressive web apps, de référencement, et plus encore.

Dans cet article, nous allons couvrir ce qu'est Google Lighthouse, et comment il peut être utilisé pour évaluer et améliorer l'expérience utilisateur de tes pages web. 

• Qu'est-ce que Google Lighthouse ?
  • Audits Google Lighthouse
  • Rapports Google Lighthouse
• Score de Google Lighthouse
  • Système de notation Google Lighthouse
  • Comprendre ton score
• Comment accéder à Google Lighthouse
• Extensibilité de Google Lighthouse
  • Paquets de piles
  • Plugins Lighthouse

Qu'est-ce que Google Lighthouse ? 

Nous savons, grâce à Core Web Vitals, que Google continue de mettre l'accent sur la façon dont l'utilisateur découvre une page. 

Lighthouse est un outil conçu pour aider les développeurs à rendre leurs pages conviviales.

Lighthouse est un outil gratuit qui te permet d'effectuer des audits sur différentes zones de ton site Internet, puis il te fournit des rapports qui peuvent t'aider à évaluer l'expérience utilisateur de n'importe quelle page de ton site Internet.

Tu n'as toujours pas conçu ton site web ? Jette un coup d'œil à notre créateur de site WebWordPress .

Audits Google Lighthouse

Lighthouse t'aide en effectuant des audits de ton site Web et en te donnant des conseils précieux sur la façon de l'améliorer. 

Chaque rapport Google Lighthouse contient cinq audits, chacun d'entre eux étant conçu pour cibler une zone spécifique de ton site Web.

Les cinq audits sont :

• Audits de performance: Mesurent les performances et trouvent des possibilités d'accélérer le chargement des pages. Ces vérifications permettent de s'assurer que ta page est optimisée pour que les utilisateurs puissent voir et interagir avec le contenu de la page.
• Audits PWA: Mesurent si ton site est rapide, fiable et installable. Ces vérifications valident les aspects d'une application web progressive.
• Audits des meilleures pratiques: Améliore la santé du code de ta page web en suivant ces meilleures pratiques. Ces vérifications mettent en évidence les possibilités d'améliorer la santé globale du code de ton application web.
• Audits d'accessibilité: Tous les utilisateurs peuvent-ils accéder au contenu et naviguer efficacement sur ton site ? Ces vérifications mettent en évidence les possibilités d'améliorer l'accessibilité de ton appli web. Seul un sous-ensemble de problèmes d'accessibilité peut être détecté automatiquement, c'est pourquoi les tests manuels sont également encouragés.
• Audits de référencement: Dans quelle mesure les moteurs de recherche peuvent-ils comprendre ton contenu ? Ces vérifications permettent de s'assurer que ta page est optimisée pour le classement dans les résultats des moteurs de recherche.

Rapports Google Lighthouse

Les rapports de Google Lighthouse utilisent une échelle de notation de 0 à 100, et chaque section d'un rapport peut être développée pour montrer des informations détaillées avec des conseils simples sur la façon d'améliorer ton site Web.

Ces rapports offrent aux utilisateurs des conseils et des idées puissantes qu'ils peuvent mettre en œuvre sur une page Web spécifique pour améliorer les performances de cette page. 

Lorsque tu consultes tes rapports Lighthouse, la section Opportunités contient des suggestions détaillées et de la documentation sur la façon de les mettre en œuvre, tandis que la section Diagnostics fournit des conseils supplémentaires que les développeurs peuvent explorer pour améliorer encore leurs performances.

Une fois que tu as mis en œuvre les suggestions Google Lighthouse ton rapport original, tu peux relancer l'application pour vérifier et voir si ton score s'est amélioré. 

Score de Google Lighthouse

Les rapports Lighthouse donnent une note globale de performance.

Ce score est une moyenne pondérée de tous les scores des mesures. Les mesures les plus pondérées ont un effet plus important sur ton score global de performance. Les scores des métriques sont calculés derrière les schémas et ne sont pas visibles dans le rapport.

Système de notation Google Lighthouse

Pour essayer de rendre les scores plus simples à comprendre, Google utilise un système de code couleur pour les scores fournis dans les rapports Lighthouse. 

Les scores de Google Lighthouse sont colorés en fonction de ces fourchettes :

• 90-100 (vert) : Bon
• 50-89 (orange) : A améliorer
• 0-49 (rouge) : Médiocre

Google suggère que les sites Web visent à obtenir un bon score de 90 à 100, bien que l'on ne s'attende pas à ce qu'ils atteignent un score de 100, car c'est extrêmement difficile à réaliser. 

Selon Google, l'amélioration d'un score de 99 à 100 nécessite à peu près la même quantité d'amélioration métrique que celle qui serait nécessaire pour améliorer un score de 90 à 94.

Dans le rapport Lighthouse, la section Opportunités contient des suggestions détaillées et de la documentation sur la façon de les mettre en œuvre. En outre, la section Diagnostics énumère des conseils supplémentaires que les développeurs peuvent explorer pour améliorer encore leurs performances.

Comprendre ton score

Les scores dans Google Lighthouse peuvent fluctuer pour diverses raisons. 

Voici quelques-uns des problèmes sous-jacents courants qui peuvent faire fluctuer ton score :

• Tests A/B ou changements dans les publicités diffusées
• Changements dans l'acheminement du trafic Internet
• Test sur différents appareils, par exemple un ordinateur de bureau très performant et un ordinateur portable peu performant.
• Extensions de navigateur qui injectent du JavaScript et ajoutent/modifient des demandes de réseau.
• Logiciel antivirus

Comment accéder à Google Lighthouse

Il existe quatre méthodes différentes que tu peux utiliser pour effectuer des audits Google Lighthouse.

Google te propose de choisir le flux de travail Lighthouse qui te convient le mieux.

Les quatre options sont les suivantes :

• Dans Chrome DevTools: Audite facilement les pages qui nécessitent une authentification, et lis tes rapports dans un format convivial.
• À partir de la ligne de commande: Automatise l'exécution de Lighthouse à l'aide de scripts shell.
• En tant que module Node: Intègre Lighthouse à tes systèmes d'intégration continue.
• À partir d'une interface Web: Exécute Lighthouse et relie les rapports sans rien installer.

Extensibilité

L'objectif de Google Lighthouse est d'offrir des informations et des conseils pertinents et exploitables à tous les développeurs Web.

Dans cette optique, Google a ajouté deux fonctionnalités désormais disponibles qui te permettent d'adapter Lighthouse à tes besoins spécifiques.

Paquets de piles

Les développeurs aiment utiliser des outils différents. Heureusement, Lighthouse est maintenant en mesure de fournir des conseils plus pertinents et exploitables en fonction des outils utilisés au lieu de se contenter de suggérer des recommandations générales.

Les Stack Packs permettent à Lighthouse de détecter la plateforme sur laquelle tu as construit ton site Web et d'afficher des recommandations spécifiques basées sur les piles. Les recommandations des Stack Packs sont définies et curées par les experts de la communauté.

Plugins Lighthouse

Les plugins Google Lighthouse permettent aux experts de la communauté d'étendre les fonctionnalités de Lighthouse afin de répondre à leurs besoins spécifiques. 

Les utilisateurs peuvent désormais exploiter les données que Lighthouse recueille pour créer de nouveaux audits. 

---

Google Lighthouse est un outil utile pour améliorer les performances générales de ton site web.

Avec cinq audits différents, tous axés sur différents éléments de l'expérience utilisateur sur la page, Lighthouse est en mesure de fournir aux utilisateurs des commentaires exploitables qu'ils peuvent utiliser pour améliorer leur site pour ceux qui y accèdent. 

Mieux encore, son utilisation est entièrement gratuite. 

Ajoute Google Lighthouse à ta boîte à outils dès aujourd'hui.