Qu'est-ce que Google Lighthouse?

L'extension  Google Lighthouse est  capable de réaliser un audit de votre site ou d'une page web spécifique pour vous permettre de r...

L'extension Google Lighthouse est capable de réaliser un audit de votre site ou d'une page web spécifique pour vous permettre de récupérer des informations clés qui vous permettront par la suite d'améliorer votre site et votre SEO.

Ne serait-ce pas bien si vous pouviez voir votre site Web à travers les yeux de Google?

Nous savons tous que les petits détails de l'algorithme de Google sont un secret bien gardé. Dans le même temps, nous avons beaucoup d'informations sur les aspects que Google juge importants  lors du jugement d'un site Web.

De plus, Google nous propose une multitude d'outils gratuits  conçus pour nous aider à améliorer nos sites Web, et l'un de ces outils est Google Lighthouse.

L' expérience de la page est l' un des facteurs de classement dont nous savons qu'il devient de plus en plus critique , et Google Lighthouse pourrait être l'outil dont vous avez besoin pour vous assurer que votre site Web fonctionne dans ce domaine et bien d'autres.

Qu'est-ce que Google Lighthouse?

Google Lighthouse est un outil gratuit qui fournit des informations puissantes  pour vous aider à améliorer votre site Web. En générant un rapport Lighthouse, vous pouvez évaluer l'expérience de page de n'importe quelle page Web et accéder à des conseils précieux pour améliorer ses performances.

Google a récemment mis davantage l'accent sur l'expérience de la page, notamment en ajoutant un nouvel ensemble de signaux Core Web Vital . Les signaux décomposent la façon dont un utilisateur vit votre page et vous pouvez voir comment votre site Web fonctionne dans ce domaine via Lighthouse.

Étant donné que Lighthouse est une application Google, cela pourrait être un excellent moyen de voir votre site Web de la manière dont Google pourrait le voir, sachant que toutes les recommandations proviennent directement du géant des moteurs de recherche lui-même.

L'avantage de Lighthouse est qu'il vous donne des informations exploitables tout en étant simple à utiliser. En quelques clics, vous pouvez obtenir des informations détaillées sur l'expérience de la page, fournissant des informations puissantes sur l'amélioration des performances.

Avec plus de 3,5 milliards de recherches par jour , Google est de loin le moteur de recherche le plus populaire. Ainsi, être en mesure de voir comment il voit et mesure votre site Web est extrêmement utile.

Quelles mesures Google Lighthouse mesure-t-il?

Chaque rapport Lighthouse comprend cinq catégories: performances, accessibilité, meilleures pratiques, référencement et application Web progressive. Google a confirmé que des aspects tels que la vitesse de chargement et l'expérience mobile sont pris en compte dans son algorithme , de sorte que ces mesures peuvent vous donner la possibilité de voir vos performances dans ces domaines cruciaux.

Avec un système de notation clair de 1 à 100, Lighthouse vous permet de vérifier vos pages et de trouver des domaines à améliorer. Vous pouvez développer chaque section pour obtenir des informations détaillées et trouver des endroits où vous pouvez rapidement améliorer votre page, comme indiqué dans la capture d'écran ci-dessous.

Une fois que vous avez mis en œuvre les modifications, vous pouvez ensuite vérifier auprès de Lighthouse pour déterminer si elles ont amélioré votre score.

Par exemple, si vous développez les «performances», vous pouvez trouver des données directement liées aux éléments vitaux de base du Web, comme le temps nécessaire pour une première peinture interactive et enrichissante.

Ces métriques vous donnent une idée de la vitesse de chargement de votre page et de la vitesse à laquelle elle est perçue pour se charger. En d'autres termes, il ne s'agit pas seulement de la vitesse à laquelle la page entière se charge; c'est à peu près le temps qu'il faut pour que l'utilisateur puisse interagir correctement avec lui.

Ces informations sont extrêmement importantes car les vitesses de chargement perçues font une grande différence dans la façon dont les gens interagissent avec votre site Web :

• 46% des personnes déclarent qu'attendre le chargement des pages est la pire partie de leur expérience de navigation mobile.
• La page de destination mobile moyenne prend 15,3 secondes pour se charger.
• En moyenne, les utilisateurs passent 70% de plus sur des pages qui se chargent en cinq secondes.
• Pour chaque 100 millisecondes de chargement de votre site, votre taux de conversion peut chuter de 7%.

Ces métriques constituent une part importante de l'expérience utilisateur et Lighthouse utilise des éléments vitaux de base pour vous donner une idée de la qualité et des performances de votre page Web.

Lorsque vous disposez de ces informations et même de conseils utiles pour améliorer les performances, vous disposez probablement de tout ce dont vous avez besoin pour apporter des améliorations techniques à votre site.

Comment fonctionne Google Lighthouse?

Vous pensez peut-être que vous pouvez avoir une bonne idée de la vitesse à laquelle vos pages se chargent en tapant votre URL dans la barre de recherche et en vérifiant si elle se charge bien ou non.

Cependant, différentes personnes naviguent sur Internet de manière très différente, et la façon dont quelqu'un recherche votre site à l'autre bout du monde peut être très différente de la façon dont vous le faites.

Google sait que la majorité du trafic provient d'appareils mobiles et sait également que la majorité des gens n'ont pas accès à la 4G ou à la 5G ultrarapides . Pour simuler cela, Google teste votre page Web en visitant votre site via une connexion 3G sous-optimale sur un appareil lent.

Pourquoi Google fait-il cela?

Eh bien, à peu près n'importe quel site Web peut se charger rapidement sur une connexion 5G, mais cela ne profite pas à la majorité des personnes qui n'ont pas un accès aussi rapide. Google souhaite envoyer tous ses utilisateurs vers la meilleure page pour répondre à leurs requêtes de recherche.Il vise donc à classer les sites Web offrant la meilleure expérience.

Si votre site fonctionne bien avec une mauvaise connexion 3G, il fonctionnera bien avec la dernière connexion 5G. Ainsi, Google en apprend plus sur votre site en le testant avec la connexion 3G.

Si c'est ainsi que Google évalue votre site Web, c'est ainsi que vous devriez également juger votre site Web - et c'est pourquoi Google Lighthouse peut être si utile.

Le rôle de Core Web Vitals dans Google Lighthouse

Comme je l'ai mentionné, Google a mis beaucoup l'accent sur l'expérience de la page, et cela a tout son sens: la façon dont les utilisateurs vivent votre page Web est cruciale. Les récentes annonces de Google sur les principaux sites Web vitaux  sont la prochaine étape de cette évolution et elles deviendront probablement un facteur de classement en 2022.

Les vitales Web de base sont quelques-unes des premières informations apparaissant sur votre rapport Lighthouse; il est clair que ces signaux sont importants pour Google. Par conséquent, ils occupent une place prépondérante dans la partie performance de votre rapport.

Les Web Vitals de base ont trois indicateurs clés, et bien que le langage puisse être un peu compliqué, ce sont des éléments que vous pouvez apprécier lorsque vous êtes un utilisateur final:

Chargement - La plus grande peinture de contenu (LCP)

En tant qu'utilisateur, vous n'avez pas nécessairement besoin de la page entière pour se charger rapidement; vous avez juste besoin du contenu le plus important pour ce faire. Si un site Web met du temps à charger le contenu le plus significatif («la plus grande peinture de contenu»), cela frustrera les utilisateurs et peut les faire rebondir sur la page.

La plupart du temps, nous plaçons les informations critiques et accrocheuses au-dessus du pli - c'est le contenu qui doit se charger le plus rapidement.

Interactivité - Premier délai d'entrée (FID)

Le «premier délai d'entrée» est une métrique importante car il mesure une erreur d'expérience utilisateur qui dérange tous ceux qui ont déjà utilisé Internet.

Vous savez que lorsque vous cliquez sur le bouton Soumettre sur un formulaire, et que rien ne semble se produire, vous finissez par cliquer de manière agressive dessus encore et encore?

Le premier délai d'entrée mesure le temps entre l'utilisateur qui lance une action (comme en cliquant sur «Soumettre») et le site Web se déplaçant sur cette action (en l'envoyant à la page suivante). Un long délai de première entrée peut être frustrant pour les utilisateurs, ce qui les oblige à quitter votre page et à rechercher des informations ailleurs.

Stabilité visuelle - Décalage cumulatif de la mise en page (CLS)

Vous pouvez souvent remarquer une autre erreur UX lorsque vous naviguez sur un appareil mobile: changement de disposition cumulatif.

Le «changement de mise en page cumulatif» est le moment où le contenu se déplace sur l'écran pendant le chargement du site. Cela peut ne pas sembler un gros problème à première vue, mais le problème survient lorsque vous cliquez sur quelque chose et, soudainement, il est déplacé. C'est odieux pour l'utilisateur final, c'est donc une métrique importante à laquelle prêter attention.

Les différences entre PageSpeed ​​Insights et Google Insights

Vous pensez peut-être: «Tout cela semble génial, mais en quoi Lighthouse diffère-t-il de PageSpeed ​​Insights?»

Si vous saisissez une URL dans PageSpeed ​​Insights , vous verrez des informations qui ressemblent beaucoup à Google Lighthouse. Mais, il existe quelques différences importantes.

La principale différence est que PageSpeed ​​Insights se concentre uniquement sur les performances de la page. Google Lighthouse offre une image complète de votre expérience de page en analysant l'accessibilité, les meilleures pratiques, le référencement et les applications Web progressives.

"Alors à quoi sert PageSpeed ​​Insights si Google Lighthouse propose une analyse plus complète de mon site?" Je vous entends demander.

PageSpeed ​​Insights s'appuie sur des données du monde réel pour juger des performances de votre site Web ainsi que des analyses en laboratoire. Lighthouse n'utilise que des analyses de laboratoire dans son rapport.Par conséquent, bien que les résultats soient basés sur une analyse complète de votre site, ce n'est pas nécessairement l'expérience réelle de vos utilisateurs.

"Vous dites donc que PageSpeed ​​Insights est meilleur pour juger des performances?"

Si vous recherchez uniquement les performances, PageSpeed ​​Insights offre toutes les informations fournies par Lighthouse, mais avec en prime des données réelles collectées lors des interactions avec votre site Web. Cependant, le succès de votre site Web repose sur l'ensemble du site, et c'est là que Google Lighthouse entre en jeu.

Il ne sert à rien d'améliorer votre score de performance de 55 à 60 si les changements que vous apportez finissent par faire chuter votre accessibilité et votre référencement. Si vous vous concentrez uniquement sur PageSpeed ​​Insights, c'est une possibilité.

Néanmoins, si vous gardez un œil sur Google Lighthouse, vous pouvez vous assurer que les modifications que vous apportez ont un impact globalement positif sur votre site Web.

Comment utiliser Google Lighthouse

Google Lighthouse vous donne une analyse assez technique de votre site Web, mais vous n'avez pas besoin d'être technophile pour l'exécuter. En fait, il suffit d'un clic de clavier et de deux clics de souris.

Il existe deux façons d'exécuter Lighthouse: via des outils de développement et un module complémentaire Chrome.

Google Lighthouse dans les outils de développement

1. Ouvrez votre page Web cible dans Google Chrome.
2. Cliquez sur F12 ou Ctrl + Maj + J pour Windows et Maj + Cmnd + I sur Mac pour ouvrir le panneau d'audit des outils de développement.
3. Dans les onglets en haut, sélectionnez les deux flèches pour développer le menu.
4. Cliquez sur «Phare» dans le menu déroulant.
5. Sélectionnez si vous souhaitez analyser les performances des mobiles ou des ordinateurs de bureau
6. Cliquez sur "Générer un rapport".

Module complémentaire Chrome pour Google Lighthouse

1. Recherchez Lighthouse  dans le Chrome Web Store.
2. Sélectionnez "Ajouter à Chrome" et cliquez sur "Ajouter une extension".
3. Cliquez sur l'icône de puzzle près du coin supérieur droit de votre navigateur.
4. Sélectionnez l'icône Phare.
5. Cliquez sur "Générer un rapport".
6. Un nouvel onglet s'ouvrira avec votre rapport.

Il convient également de rappeler que si vous utilisez des outils de référencement supplémentaires  tels que Ubersuggest , ceux-ci extrairont probablement des informations de Lighthouse pour vous.

Lorsque vous exécutez une URL via Ubersuggest, vous trouverez des données de performances sur votre tableau de bord avec les mêmes informations que celles que vous voyez dans vos rapports Lighthouse.

Cela contribue à en faire un guichet unique pour tous vos besoins en matière de référencement, en combinant les informations sur les performances de votre site Web avec l'analyse des mots clés et des concurrents.

Conclusion

Lighthouse donne un aperçu de la façon dont Google évalue vos pages Web. Non seulement cela est essentiel pour bien se classer dans les moteurs de recherche , mais cela vous donne des données importantes sur la façon dont les utilisateurs vivent votre site Web, quelle que soit la façon dont ils y atterrissent.

L'expérience de la page devient un facteur de plus en plus important pour Google; il doit devenir tout aussi important pour les propriétaires de sites Web.  

Lighthouse fournit les informations nécessaires pour apporter des améliorations tangibles à la façon dont vos utilisateurs vivent votre site Web, ce qui peut faire une grande différence dans le succès de votre site à convertir vos objectifs .