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 façon dont Lighthouse et Core Web Vitals mesurent les performances d'un site Web, quelles mesures sont utilisées, ce qui constitue une note de passage et quels outils vous pouvez utiliser pour exécuter chaque rapport. Cet article compare les deux approches afin que vous puissiez prendre une décision éclairée quant au moment d'utiliser chacune d'elles.
Lighthouse mesure les performances, l'accessibilité, le référencement et d'autres indicateurs de qualité des meilleures pratiques 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 de laboratoire sont utilisées pour 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-alimenté, d'une connexion Internet plus lente et d'un smartphone moins puissant reflète les conditions réelles des utilisateurs qui visitent votre site
Core Web Vitals sont un ensemble de trois indicateurs qui tentent de mesurer et de résumer l'expérience utilisateur globale lors de la visite de vos pages Web en mettant l'accent sur la vitesse de chargement, l'interactivité et la stabilité visuelle. Ces statistiques utilisent des données de terrain, qui sont des données réelles envoyées de manière anonyme à Google par des utilisateurs réels lorsqu'ils consultent une page spécifique
Nous vous recommandons de vous fier autant que possible aux données de Core Web Vitals, car les données agrégées du monde réel 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 que vous obtenez sur les statistiques de Core Web Vital peut faire la différence quant à votre visibilité dans les pages de résultats des moteurs de recherche de Google pour vos requêtes de recherche ciblées
Lighthouse et Core Web Vitals utilisent des indicateurs différents pour générer leurs rapports. Chaque ensemble de mesures possède des seuils optimaux qui déterminent si une page est considérée comme une page passe ou non
Lighthouse utilise six indicateurs différents pour générer son rapport :
-
Largest Contentful Paint (LCP). Mesure le temps de chargement de votre page et vérifie combien de temps il faut pour que l'élément le plus grand situé au-dessus du pli (image, texte, etc.) se charge. Le seuil optimal est inférieur à 2,5 secondes.
-
Décalage de mise en page cumulé (CLS). Mesure la stabilité visuelle du chargement d'une page en se concentrant sur les changements de mise en page inattendus qui ne sont pas causés par une interaction de l'utilisateur. Parfois, lors du chargement d'une page, les éléments changent de façon inattendue et frustrent les utilisateurs. Par exemple, vous pouvez charger une page et commencer à lire un paragraphe, uniquement pour qu'une image soit chargée qui pousse 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 empêchée de répondre aux entrées de l'utilisateur. Ces entrées incluent les clics de souris ou les frappes de clavier. Le seuil optimal est inférieur à 0,2 seconde.
-
First Contentful Paint (FCP). Le temps écoulé avant que le premier élément de contenu ne soit chargé 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'ensemble du processus de chargement des parties visuelles 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 mesure le temps nécessaire pour passer d'un écran vide à une page complète. Le seuil optimal est inférieur à 3,4 secondes.
-
Il est temps de passer à l'interaction (TTI). Combien de temps faut-il à la page pour devenir totalement interactive afin qu'elle réponde de manière fiable aux entrées des utilisateurs. 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 total de votre site Web. La note de passage pour n'importe quelle métrique individuelle ou la note de performance totale est supérieure à 90.
Core Web Vitals mesure le CLS et le LCP de la même manière que Lighthouse et utilise les mêmes seuils optimaux. En outre, Core Web Vitals mesure également le délai de première entrée (FID), qui mesure le temps nécessaire entre la première interaction de l'utilisateur, par exemple en cliquant sur un bouton, et jusqu'à ce que le navigateur réponde à cette action. 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 satisfaisante, elle doit atteindre le seuil optimal pour chaque métrique au 75e centile
Pour plus d'informations, voir Les éléments essentiels du Web.
Note
Les scores Core Web Vital sont calculés à partir de données de terrain agrégées provenant de nombreux utilisateurs sur une période de 28 jours. Il est important de ne pas oublier cette période de 28 jours, car si vous obtenez de mauvais résultats et que vous apportez ensuite des améliorations, vous devrez attendre que Google les identifie
Les scores Core Web Vital sont calculés à partir de données de terrain agrégées provenant de nombreux utilisateurs sur une période de 28 jours. Il est important de ne pas oublier cette période de 28 jours, car si vous obtenez de mauvais résultats et que vous apportez ensuite des améliorations, vous devrez attendre que Google les identifie
Si vous souhaitez obtenir un rapport Lighthouse, les moyens les plus conviviaux sont d'utiliser Extension du phare pour votre navigateur Web Chrome ou pour visiter Le portail de développement Web de Google et saisissez votre URL. Les autres options incluent Outils de développement Chrome , Informations sur la vitesse des pages, et à l'aide de la ligne de commande.
Un certain nombre d'outils mesurent les Core Web Vitals, notamment Rapport sur l'expérience utilisateur de Chrome (CruX), Console de recherche Google , et Informations sur la vitesse de page. Le moyen le plus rapide et le plus simple de vérifier les caractéristiques Web essentielles d'une URL est d'utiliser PageSpeed Insights