Comment utiliser Google Lighthouse pour améliorer la vitesse du site

Selon Google, votre taux de rebond peut augmenter de 123 % si la vitesse de chargement de votre page passe de 1 seconde à 10 secondes. Heureusement, le géant de la technologie a depuis proposé une suite d’outils précieux pour vous aider à améliorer la vitesse de chargement de vos pages et l’expérience utilisateur globale. Un de ces outils est Google Lighthouse.

Qu’est-ce que le phare de Google ?

Google Lighthouse est un outil gratuit conçu pour aider à améliorer les performances du site Web. C’est un logiciel open source pour que tout le monde puisse l’utiliser sur n’importe quelle page Web. L’outil vérifie l’accessibilité et le référencement de votre page Web, en mettant particulièrement l’accent sur les éléments essentiels du Web.

Que sont les éléments essentiels du Web ?

Les Core Web Vitals sont un ensemble de mesures développées par Google pour mesurer la vitesse des pages Web et l’expérience utilisateur globale. En 2021, Google a introduit la mise à jour de l’algorithme Core Web Vitals qui mesure les métriques Core Web Vitals d’un site Web. Ces mesures sont devenues de plus en plus importantes pour les propriétaires de sites Web qui souhaitent offrir une bonne expérience utilisateur et se classer plus haut sur Google. Les trois principaux Web Vitals sont :

La plus grande peinture à contenu (LCP) : combien de temps il faut pour que le contenu le plus volumineux se charge au-dessus du pli. En savoir plus sur LCP avec notre guide complet

Délai de première entrée (FID) : combien de temps il faut pour qu’une page réponde après l’interaction de l’utilisateur. Consultez notre guide du FID

Décalage de mise en page cumulatif (CLS) : quelle quantité de contenu se déplace au fur et à mesure que la page se charge. En savoir plus sur CLS ici

Lecture recommandée : Core Web Vitals : un guide pour améliorer la vitesse des pages

Ce que vous pouvez vérifier avec Google Lighthouse

Vous pouvez mesurer vos Core Web Vitals à l’aide de Google Lighthouse. L’outil audite votre site en fonction de l’appareil et de la connexion moyens d’un utilisateur. Cependant, vous pouvez spécifier le périphérique et la relation que vous souhaitez que l’outil émule pour vos tests. Les résultats de ces tests vous aideront à savoir quelles étapes de chargement de page vous devez optimiser pour offrir une bonne expérience utilisateur.

Comment utiliser Google Lighthouse

Vous pouvez exécuter Google Lighthouse avec le navigateur Chrome (dans les Devtools) ou en tant qu’extension Chrome. Après avoir exécuté l’audit de votre page Web, Lighthouse générera un rapport sur 5 domaines différents :

Performance inclut des éléments qui ralentissent votre page, y compris des images et des ressources

Accessibilité vérifie l’accessibilité de votre contenu aux utilisateurs, y compris l’utilisation de technologies d’assistance.

Les meilleures pratiques identifie tout élément de développement Web qui ne suit pas les directives et les meilleures pratiques actuelles

Référencement met en évidence les problèmes de référencement les plus essentiels de la page Web, mais n’est pas exhaustif

Application Web progressive indique les performances de votre application Web et les problèmes de mise en œuvre.

Capture d’écran : Ionic Firebase AppComment utiliser Lighthouse dans Chrome DevtoolsDans votre navigateur Chrome, vous pouvez exécuter un audit Google Lighthouse à partir de Chrome Devtools. Pour y accéder, vous devrez :

Téléchargez et installez Google Chrome for Desktop (si vous ne l’avez pas déjà)

Visitez la page Web que vous souhaitez auditer dans Google Chrome

Cliquez avec le bouton droit n’importe où sur la page et sélectionnez Inspecter.

La fonction Inspecter ouvrira un panneau en bas ou à droite de la page Web. Sélectionnez Phare dans la barre d’outils du panneau. (Si vous ne trouvez pas l’option Phare, cliquez sur les deux flèches à la fin de la barre d’outils.)

Le panneau s’ouvrira sur l’outil Lighthouse. Sélectionnez Générer un rapport

Pour accéder à Lighthouse avec Chrome Devtools, essayez ces 3 étapes :

Ouvrez le navigateur Chrome, puis ouvrez le menu en sélectionnant les trois points verticaux à droite de votre barre d’adresse.

Sélectionner Plus d’outils.

Sélectionner Outils de développement.

Comment utiliser Lighthouse comme extension Chrome

Téléchargez Google Chrome pour ordinateur de bureau

Visitez la boutique en ligne Chrome

Téléchargez et installez l’extension Lighthouse Chrome

Redémarrez votre navigateur

Cliquez sur le symbole du phare dans votre barre d’adresse

Sélectionnez Générer un rapport. Capture d’écran : application Ionic Firebase

Quelle est la différence entre Lighthouse et PageSpeed Insights ?

En plus de Lighthouse, Google propose également un autre outil d’audit, l’outil PageSpeed Insights. Cet outil évalue la vitesse de votre page Web et fournit une liste d’améliorations. Les deux outils auditent des aspects similaires de votre page Web, y compris la vitesse de la page et Core Web Vitals. Cependant, Page Speed Insights se concentre uniquement sur l’amélioration de la vitesse de votre page Web, tandis que Lighthouse couvre plusieurs aspects de votre page Web. Nous vous conseillons d’utiliser les deux outils pour améliorer la vitesse de votre page et les métriques Core Web Vitals. Comment utiliser PageSpeed InsightsPour utiliser PageSpeed Insights, vous devez :

Visitez PageSpeed Insights

Copiez et collez l’URL de votre page Web

Cliquez sur Analyser.

Autres façons d’améliorer votre site Web

Lorsqu’il s’agit de suivre vos Core Web Vitals, plus vous avez d’informations, mieux c’est. Vous pouvez toujours associer les données que vous collectez à partir de Lighthouse, Page Speed Insights et d’autres outils Google avec des applications d’audit tierces. L’outil d’audit de site audite le référencement technique de votre site, y compris la vitesse et les performances du site. Le rapport thématique Core Web Vitals affiche vos données Lighthouse dans un format facile à lire, y compris une liste de pages analysées. Vous pouvez modifier la liste directement pour ajouter ou supprimer des pages pour une nouvelle partition. Pour un aperçu général des performances de votre site, sélectionnez le rapport thématique Performances du site dans le rapport Aperçu de l’audit du site : Ce rapport thématique fournit un score global de performance du site, ainsi que la vitesse moyenne de chargement des pages : tout problème de site ayant actuellement un impact sur les performances de votre site. Sélectionnez En savoir plus pour en savoir plus sur chaque problème et comment le résoudre. Pour commencer avec l’outil d’audit de site :

Connectez-vous à votre compte Semrush. Si vous n’avez pas de compte existant, vous pouvez créer un compte gratuit

Dans la barre d’outils, sélectionnez Projets sous Gestion pour afficher vos projets :

Cliquez sur votre projet préféré, puis sélectionnez Audit de site dans le tableau de bord du projet.

L’outil vous invitera à configurer vos paramètres d’audit. Vous pourrez définir la portée de l’analyse de l’audit, interdire les URL et ajouter des informations de connexion au site Web supplémentaires.

Sélectionner Démarrez l’audit du site.

Lecture recommandée : 2021 Core Web Vitals Update : Assessing the Initial Impact

Sommaire

La vitesse des pages est aussi importante pour Google que pour vos utilisateurs. Une mauvaise vitesse de chargement des pages peut nuire à votre taux de rebond et, dans une certaine mesure, à votre classement organique. Google Lighthouse vous aide à auditer les pages Web et à identifier des zones spécifiques pour améliorer la vitesse de chargement de vos pages et l’expérience utilisateur globale. Associez Lighthouse avec d’autres outils de développement de Google ou des applications d’audit de site similaires pour un examen complet des performances de votre site. Trouvez et corrigez les erreurs de plan de site avec l’outil d’audit de site