Site web avancé : Comparaison entre Lighthouse et Core Web Vitals

Le phare et les Core Web Vitals de Google sont deux méthodes distinctes pour mesurer les performances et l'expérience utilisateur de votre site web. Leurs approches diffèrent notamment par la manière dont elles évaluent les performances, les indicateurs utilisés, les scores de réussite et les outils permettant de générer chaque rapport. Cet article compare ces deux méthodes afin de vous aider à choisir la plus adaptée à vos besoins.

Le phare mesure les performances, l'accessibilité, le Référencement Naturel et autres indicateurs de qualité optimale de vos pages web. Pour ce faire, le phare utilise des données de laboratoire générées dans un environnement de test fixe. Ces données simulent des visites sur votre page web avec une vitesse de processeur fixe, une connexion internet 3G et un appareil mobile Moto G4. L'utilisation d'un processeur légèrement moins puissant, d'une connexion internet plus lente et d'un smartphone moins performant reflète les conditions réelles d'utilisation de votre site.

Les Core Web Vitals sont un ensemble de trois indicateurs qui visent à mesurer et à résumer l'expérience utilisateur globale lors de la visite de vos pages web, en se concentrant sur la vitesse de chargement, l'interactivité et la stabilité visuelle. Ces indicateurs utilisent des données de terrain, c'est-à-dire des données réelles envoyées anonymement à Google par de vrais utilisateurs lorsqu'ils consultent une page spécifique.

Nous vous recommandons d'utiliser autant que possible les données Core Web Vitals, car les données agrégées en conditions réelles sont un meilleur indicateur de performance que les données ponctuelles issues de conditions de laboratoire contrôlées. De plus, votre score aux indicateurs Core Web Vitals peut influencer votre visibilité dans les résultats de recherche Google pour vos requêtes ciblées.

Lighthouse et Core Web Vitals utilisent des indicateurs différents pour générer leurs rapports. Chaque ensemble d'indicateurs possède des seuils optimaux qui déterminent si une page est considérée comme conforme ou non.

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

• La plus grande empreinte de contenu (LCP) mesure le temps de chargement de votre page et vérifie combien de temps il faut pour que le plus grand élément visible au-dessus de la ligne de flottaison (image, texte, etc.) s'affiche. Le seuil optimal est inférieur à 2,5 secondes.
• Décalage cumulatif de mise en page (CLS). Cet indicateur mesure la stabilité visuelle du chargement d'une page en se concentrant sur les décalages de mise en page inattendus, non liés à une interaction de l'utilisateur. Il arrive parfois, lors du chargement d'une page, que des éléments se déplacent de manière imprévue, ce qui peut perturber l'utilisateur. Par exemple, vous pouvez charger une page, commencer à lire un paragraphe, puis voir apparaître une image qui repousse ce paragraphe vers le bas. Le seuil optimal est inférieur à 0,1 de décalage de mise en page.
• Durée totale de blocage (TBT). Durée totale pendant laquelle une page est bloquée et ne peut répondre aux interactions de l'utilisateur (clics de souris ou frappes au clavier). Le seuil optimal est inférieur à 0,2 seconde.
• Premier affichage de contenu (FCP). Temps écoulé avant le chargement du premier élément de contenu sur la page. Ce contenu doit provenir du DOM (Document Object Model) de la page. Le DOM inclut les éléments de page standard tels que les images et le texte. Le seuil optimal est inférieur à 1,8 seconde.
• Indice de vitesse. Il mesure le temps de chargement complet des éléments visuels d'une page web en enregistrant une vidéo de la page et en comparant les images. La durée totale correspond au temps nécessaire pour passer d'une page blanche à une page complète. Le seuil optimal est inférieur à 3,4 secondes.
• Délai d'interaction (TTI). Temps nécessaire pour qu'une page devienne pleinement interactive et réponde de manière fiable aux actions de l'utilisateur. Le seuil optimal est inférieur à 0,1 seconde.

Le rapport de performance de Lighthouse convertit les scores bruts en valeurs standard de 0 à 100, puis utilise une moyenne pondérée pour calculer le score de performance global de votre site web. Un score supérieur à 90 est considéré comme satisfaisant pour chaque indicateur ou pour le score de performance global.

Éléments essentiels du Web

Les Core Web Vitals mesurent le CLS et le LCP de la même manière que Lighthouse et utilisent les mêmes seuils optimaux. De plus, les Core Web Vitals mesurent également le First Input Delay (FID), qui correspond au temps écoulé entre la première interaction de l'utilisateur (par exemple, un clic sur un bouton) et la réponse du navigateur. Le seuil optimal est inférieur à 0,1 seconde. Le FID est similaire à la métrique TBT de Lighthouse et possède le même seuil optimal. Pour qu'une page de votre site web soit considérée comme conforme, elle doit atteindre le seuil optimal pour chaque métrique au 75e percentile.

Pour plus d'informations, consultez l'introduction aux indicateurs Web essentiels .

Outils

Pour obtenir un rapport Lighthouse, le plus simple est d'utiliser l'extension Lighthouse pour votre navigateur Chrome ou de vous rendre sur le portail de développement web de Google et d'y saisir votre URL. D'autres options existent, comme les outils de développement Chrome, Page Insights ou l'utilisation de la ligne de commande.

Plusieurs outils permettent de mesurer les indicateurs Web essentiels, notamment le Chrome User Experience Report (CrUX), Google Search Console and PageSpeed Insights. PageSpeed Insights reste la méthode la plus rapide et la plus simple pour vérifier les indicateurs Web essentiels d'une URL.