Comparaison entre Lighthouse et Core Web Vitals

Remarque : cette fonctionnalité n'est pas incluse dans votre configuration Smoobu. Les informations ci-dessous sont fournies à titre indicatif ; contactez le support Smoobu si vous en avez besoin.

Lighthouse et les Core Web Vitals de Google sont deux méthodes différentes pour mesurer les performances et l'expérience utilisateur de votre site. Elles se distinguent sur plusieurs points : la manière de mesurer les performances, les indicateurs utilisés, le seuil de réussite et les outils disponibles pour générer chaque rapport. Cet article compare les deux approches afin que vous sachiez quand recourir à l'une ou à l'autre.

Comment les scores de performance sont calculés

Lighthouse

Lighthouse mesure les performances, l'accessibilité, le SEO et d'autres indicateurs de qualité de vos pages web. Pour cela, il utilise des données de laboratoire générées dans un environnement de test fixe. Ces données simulent des visites de votre page avec une vitesse de processeur fixe, une connexion internet 3G et un téléphone Moto G4. Le recours à un processeur un peu limité, à une connexion plus lente et à un smartphone moins puissant reflète les conditions réelles de vos visiteurs.

Core Web Vitals

Les Core Web Vitals sont un ensemble de trois indicateurs qui cherchent à mesurer et à résumer l'expérience globale des visiteurs de vos pages, en se concentrant sur la vitesse de chargement, l'interactivité et la stabilité visuelle. Ils s'appuient sur des données de terrain, c'est-à-dire des données réelles envoyées anonymement à Google par les visiteurs d'une page donnée.

Nous vous conseillons de vous appuyer autant que possible sur les données Core Web Vitals : des données réelles agrégées sont un meilleur indicateur de performance que des mesures ponctuelles issues de conditions de laboratoire contrôlées. De plus, votre score sur ces indicateurs peut influer sur votre visibilité dans les pages de résultats de Google pour les requêtes que vous ciblez.

Indicateurs et scores

Lighthouse et les Core Web Vitals utilisent des indicateurs différents pour produire leurs rapports. Chaque ensemble d'indicateurs a des seuils optimaux qui déterminent si une page est conforme ou non.

Lighthouse

Lighthouse s'appuie sur six indicateurs pour générer son rapport :

• Largest Contentful Paint (LCP). Mesure le temps de chargement de votre page en vérifiant combien de temps met le plus grand élément visible sans défiler (image, texte, etc.) à se charger. Seuil optimal : moins de 2,5 secondes.
• Cumulative Layout Shift (CLS). Mesure la stabilité visuelle au chargement en repérant les décalages de mise en page imprévus qui ne sont pas dus à une action du visiteur. Il arrive qu'au chargement, des éléments se déplacent de façon inattendue et gênent les visiteurs : vous commencez par exemple à lire un paragraphe quand une image se charge et le fait descendre. Seuil optimal : moins de 0,1 de décalage.
• Total Blocking Time (TBT). Temps total pendant lequel la page ne peut pas répondre aux actions du visiteur, comme les clics de souris ou les frappes au clavier. Seuil optimal : moins de 0,2 seconde.
• First Contentful Paint (FCP). Temps écoulé avant l'affichage du premier contenu de la page. Ce contenu doit provenir du DOM (Document Object Model) de la page, qui regroupe le contenu standard comme les images et le texte. Seuil optimal : moins de 1,8 seconde.
• Speed Index. Mesure l'ensemble du processus de chargement des parties visibles d'une page en filmant son chargement et en comparant les images entre elles. La durée totale correspond au temps nécessaire pour passer d'un écran vide à une page complète. Seuil optimal : moins de 3,4 secondes.
• Time to Interactive (TTI). Temps nécessaire pour que la page devienne pleinement interactive et réponde de façon fiable aux actions du visiteur. Seuil optimal : moins de 0,1 seconde.

Le rapport de performance de Lighthouse convertit les scores bruts en valeurs standard de 0 à 100, puis calcule le score de performance total de votre site à l'aide d'une moyenne pondérée. Un score est considéré comme réussi, pour un indicateur donné comme pour le score total, dès qu'il dépasse 90.

Core Web Vitals

Les Core Web Vitals mesurent le CLS et le LCP de la même manière que Lighthouse, avec les mêmes seuils optimaux. Ils mesurent en plus le First Input Delay (FID), c'est-à-dire le temps qui s'écoule entre la première interaction du visiteur, par exemple un clic sur un bouton, et la réponse du navigateur. Seuil optimal : moins de 0,1 seconde. Le FID ressemble à l'indicateur TBT de Lighthouse et partage le même seuil. Pour qu'une page soit considérée comme conforme, elle doit atteindre le seuil optimal de chaque indicateur au 75e centile.

Pour en savoir plus, voir « Core Web Vitals ».

Remarque : les scores Core Web Vitals sont calculés à partir de données de terrain agrégées, recueillies auprès de nombreux visiteurs sur une période de 28 jours. Gardez bien cette période à l'esprit : si votre score est mauvais et que vous apportez ensuite des améliorations, il faudra attendre que Google les prenne en compte.

Outils

Pour obtenir un rapport Lighthouse, le plus simple est d'utiliser l'extension Lighthouse de votre navigateur Chrome ou de vous rendre sur le Web Dev Portal de Google et d'y saisir votre URL. Vous pouvez aussi passer par Chrome DevTools, PageSpeed Insights ou la ligne de commande.

Plusieurs outils mesurent les Core Web Vitals, dont le 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 PageSpeed Insights.