Lighthouse et Core Web Vitals de Google sont deux méthodes différentes pour mesurer les performances de votre site web et l'expérience utilisateur. Il existe plusieurs différences dans la manière dont Lighthouse et Core Web Vitals mesurent les performances d'un site web, les indicateurs utilisés, la définition d'un Score de réussite et les outils disponibles pour générer chaque rapport. Cet article compare les deux approches afin que vous puissiez prendre une décision éclairée quant à leur utilisation.
Comment les scores de performance sont déterminés
Lighthouse
Lighthouse mesure la performance, l'accessibilité, le RÉFÉRENCEMENT NATUREL et d'autres indicateurs de qualité de vos pages web. Pour ce faire, Lighthouse utilise des données de laboratoire générées dans un environnement de test fixe. Ces données servent à simuler les visites de 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 sous-puissant, d'une connexion internet plus lente et d'un smartphone moins puissant reflète les conditions réelles des utilisateurs visitant votre site.
Éléments essentiels du Web
Les Core Web Vitals sont un ensemble de trois indicateurs qui visent à mesurer et à synthétiser 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 les utilisateurs lorsqu'ils visitent une page spécifique.
Nous vous recommandons de vous fier autant que possible aux données Core Web Vitals, car les données agrégées en conditions réelles 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 obtenu sur les indicateurs Core Web Vitals peut influencer votre visibilité dans les pages de résultats de recherche de Google pour vos requêtes ciblées.
Mesures et scores
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 réussie ou non.
Lighthouse
Lighthouse utilise six mesures différentes pour générer son rapport :
Largest Contentful Paint (LCP). Mesure le temps de chargement de votre page et vérifie le temps nécessaire au chargement du plus grand élément au-dessus de la ligne de flottaison (image, texte, etc.). Le seuil optimal est inférieur à 2,5 secondes.
Décalage cumulatif de mise en page (CLS). Mesure la stabilité visuelle d'une page en se concentrant sur les décalages de mise en page inattendus, non causés par une interaction utilisateur. Il arrive qu'au chargement d'une page, des éléments se déplacent de manière inattendue, ce qui frustre les utilisateurs. Par exemple, vous pouvez charger une page et commencer à lire un paragraphe, mais une image se charge et déplace le paragraphe vers le bas de la page. Le seuil optimal est inférieur à 0,1 décalage de mise en page.
Temps de blocage total (TBT). Durée totale pendant laquelle une page est bloquée et ne répond pas aux saisies de l'utilisateur. Ces saisies incluent les clics de souris et les frappes au clavier. Le seuil optimal est inférieur à 0,2 seconde.
Premier chargement de contenu (FCP). Temps écoulé avant le chargement du premier contenu sur la page. Le contenu doit provenir du DOM (Document Object Model) de la page. Le DOM inclut du contenu de page standard comme des images et du texte. Le seuil optimal est inférieur à 1,8 seconde.
Indice de vitesse. Mesure l'intégralité du processus de chargement des éléments visuels d'une page web en capturant une vidéo du chargement et en vérifiant la différence entre les images. La durée totale mesure le temps nécessaire pour passer d'un écran vide à une page complète. Le seuil optimal est inférieur à 3,4 secondes.
Délai d'interactivité (TTI). Temps nécessaire à la page pour devenir pleinement interactive et répondre de manière fiable aux saisies de l'utilisateur. Le seuil optimal est inférieur à 0,1 seconde.
Le rapport de performance Lighthouse convertit les scores bruts en valeurs standard de 0 à 100, puis utilise une moyenne pondérée pour calculer le Score de performance total de votre site web. Un Score de réussite pour chaque indicateur ou le Score de performance total est supérieur à 90.
Éléments essentiels du Web
Core Web Vitals mesure les CLS et les LCP de la même manière que Lighthouse et utilise les mêmes seuils optimaux. De plus, Core Web Vitals mesure également le délai de première entrée (FID), qui mesure le temps écoulé entre la première interaction de l'utilisateur, comme 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 mesure 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 mesure au 75e percentile.
Pour plus d'informations, consultez Introduction aux Core Web Vitals.
Note :
Les scores Core Web Vitals sont calculés à partir des données de terrain agrégées de nombreux utilisateurs sur une période de 28 jours. Il est important de garder cette période de 28 jours à l'esprit : si vous obtenez un mauvais Score et que vous apportez ensuite des améliorations, vous devrez attendre que Google les identifie.
Outils
Pour obtenir un rapport Lighthouse, la méthode la plus simple consiste à utiliser l'extension Lighthouse pour votre navigateur Chrome ou à visiter le portail de développement Web de Google et à saisir votre URL. Vous pouvez aussi utiliser les outils de développement Chrome, Page Speed Insights et la ligne de commande.
Plusieurs outils mesurent les Core Web Vitals, notamment Chrome User Experience Report (CrUX), Google Search Console et PageSpeed Insights. Le moyen le plus rapide et le plus simple de vérifier les Core Web Vitals d'une URL est d'utiliser PageSpeed Insights.