Comparaison entre Lighthouse et les signaux Web essentiels

Les outils Lighthouse et les signaux Web essentiels de Google permettent d'évaluer les performances et l'expérience utilisateur de votre site Web. La façon dont Lighthouse et les signaux Web essentiels évaluent les performances des sites Web est différente : les indicateurs mesurés, les scores de réussite et les outils que vous pouvez utiliser pour créer chaque rapport ne sont pas les mêmes. Cet article compare les deux méthodes afin que vous puissiez choisir quand utiliser chaque approche.

Calcul des scores de performance

Lighthouse

Lighthouse mesure les performances, l'accessibilité, le SEO et d'autres indicateurs de qualité de référence de vos pages Web. Pour ce faire, Lighthouse tire parti des données de laboratoire générées dans un environnement de test fixe. Ces données de laboratoire sont exploitées afin de simuler des visites sur votre page Web avec la même vitesse de processeur, la même connexion Internet 3G et le même appareil mobile Moto G4. L'utilisation d'une connexion Internet et d'un processeur plus lents ainsi que d'un smartphone moins puissant reflète les conditions réelles des utilisateurs qui visitent votre site.

Les signaux Web essentiels

Les signaux Web essentiels sont un ensemble de trois indicateurs qui tentent d'évaluer et de résumer l'expérience globale des utilisateurs qui visitent vos pages Web en se concentrant sur la vitesse de chargement, l'interactivité et la stabilité visuelle. Ces indicateurs tirent parti de données de terrain, qui sont des données réelles envoyées anonymement à Google par des utilisateurs réels lorsqu'ils visitent une page spécifique.

Nous vous recommandons de vous appuyer autant que possible sur les données des signaux Web essentiels, puisque les données réelles agrégées constituent un meilleur indicateur de performance que les données ponctuelles basées sur un ensemble contrôlé de conditions de laboratoire. De plus, le score donné par les indicateurs des signaux Web essentiels peut influencer la place que vous occupez dans les pages de résultats du moteur de recherche Google pour vos recherches ciblées.

Indicateurs et scores

Lighthouse et les signaux Web essentiels utilisent différents indicateurs pour générer leurs rapports. Des seuils optimaux mis en place pour chaque ensemble d'indicateurs déterminent si une page est considérée satisfaisante ou non.

Lighthouse

Lighthouse utilise six indicateurs différents pour générer son rapport :

• Largest Contentful Paint (LCP). Cet indicateur évalue le temps de chargement de votre page et vérifie le temps nécessaire à l'élément (image, texte, etc.) le plus volumineux au-dessus de la ligne de flottaison pour charger. Le seuil optimal est de moins de 2,5 secondes.

• Cumulative Layout Shift (CLS). Cet indicateur mesure la stabilité visuelle du chargement d'une page en se concentrant sur les décalages inattendus de mise en page qui n'ont pas été entrainés par une interaction de l'utilisateur. Parfois, lorsqu'une page charge, des éléments se déplacent de manière inattendue et perturbent les utilisateurs. Par exemple, vous souhaitez charger une page et commencez à lire un paragraphe, mais une image charge en même temps et pousse le paragraphe au bas de la page. Le seuil optimal est de moins 0,1 décalage de mise en page.

• Total Blocking Time (TBT). La durée totale pendant laquelle une page est bloquée et ne répond plus à l'utilisateur (même lorsqu'il clique sur la souris ou tape sur le clavier). Le seuil optimal est de moins de 0,2 seconde.

• First Contentful Paint (FCP). Le temps écoulé avant que le premier contenu s'affiche sur la page. Le contenu doit provenir du DOM (Document Object Model) de la page. Le DOM comprend le contenu standard tels que les images et le texte. Le seuil optimal est de moins de 1,8 secondes.

• Speed Index. Cet indicateur mesure le processus de chargement entier des éléments visuels d'une page Web en capturant une vidéo du chargement de la page et en vérifiant la différence entre les images. La durée totale prend en compte le temps nécessaire pour passer d'un écran vide à une page complète. Le seuil optimal est de moins de 3,4 secondes.

• Time to Interactive (TTI). Le temps nécessaire pour que la page devienne entièrement interactive et puisse répondre de manière fiable à l'utilisateur. Le seuil optimal est de moins de 0,1 seconde.

Le rapport de performance de Lighthouse convertit les scores bruts en valeurs standard allant de 0 à 100, puis utilise une moyenne pondérée pour calculer le score de performance total de votre site Web. Le score de réussite est de plus de 90 pour les indicateurs individuels ou le score de performance total.

Les signaux Web essentiels

Les signaux Web essentiels mesurent le CLS et le LCP de la même façon que Lighthouse et se basent sur les mêmes seuils optimaux. De plus, les signaux Web essentiels évaluent également le First Input Delay (FID), qui mesure le temps nécessaire entre la première interaction de l'utilisateur, comme cliquer sur un bouton, et la réponse du navigateur à cette action. Le seuil optimal est de moins de 0,1 seconde. Le FID est similaire au TBT de Lightouse et a le même seuil optimal. Pour qu'une page de votre site Web soit considérée comme satisfaisante, elle doit respecter le seuil optimal de chaque indicateur à 75 %.

Pour en savoir plus, consultez l'article de présentation des signaux Web essentiels.

OUTILS

Pour générer un rapport Lighthouse, utilisez l'extension Lighthouse pour Chrome ou rendez-vous sur le portail des développeurs Google et saisissez votre URL. Vous pouvez également utiliser les outils de développement Google, PageSpeed Insights ou utiliser la ligne de commande.

Plusieurs outils mesurent les signaux Web essentiels, notamment le rapport sur l'expérience utilisateur Chrome (CrUX), Google Search Console et Page Speed Insights. PageSpeed Insights est la méthode la plus facile et rapide pour consulter les signaux Web essentiels d'une URL.