Après l'introduction de Lighthouse dans nos vies, le nombre de critères de performance affectant directement des sujets comme l'UX et le SEO a augmenté. Les évaluations effectuées en examinant quelques points de la page dans l'ancienne configuration de Google Pagespeed ont été améliorées grâce aux méthodes développées par les ingénieurs de Google au fil des années. Dans cet article, nous allons tenter d’examiner comment le score Lighthouse est calculé.

À compter de 2024, les critères de performance de Lighthouse version 10 sont les suivants :

  • Première peinture de contenu - 10 %
  • Indice de vitesse - 10 %
  • La plus grande peinture de contenu - 25 %
  • Temps de blocage total - 30 %
  • Changement de mise en page cumulatif - 25 %

L'innovation la plus marquante par rapport à la version précédente, Lighthouse 5, est l'ajout du CLS (Cumulative Layout Shift). Cette métrique, annoncée comme un critère de performance important pour le SEO dès juin 2024, pourrait devenir très critique dans les années à venir.

 

outil-phare.png

 

Lighthouse a également préparé un outil qui vous montre à l'avance quel type de score vous pouvez atteindre en saisissant vos objectifs de vitesse de page. Vous pouvez accéder au Outil de calcul du score Lighthouse ici.

Si vous demandez sur quelles plages de numéros est basé le codage couleur, vous pouvez vérifier les plages ci-dessous. Voir vert dans ces évaluations signifie que vous avez réussi :

  • 0-49 (médiocre) : Rouge
  • 50-90 (à améliorer) : Orange
  • 90+ (bon) : Vert

Les scores varient pour les sites mobiles et de bureau, mais avec un trafic mobile dépassant 75 %, les évaluations sont effectuées sur la base du score mobile.

Vous pourriez rencontrer des résultats différents dans chaque test Lighthouse. Certaines raisons à cela incluent les annonces et les types d'annonces sur la page, Tests A/B effectués au sein du site, évolution instantanée du trafic Internet, et les situations instantanées pouvant survenir sur le serveur.

Le moyen le plus simple d’effectuer un test Lighthouse consiste à utiliser le navigateur Chrome. Entrez dans le menu "Inspecter", cliquez sur l'onglet "Phare", puis cliquez sur le bouton "Générer un rapport". Le calcul, qui prendra environ 8 à 10 secondes, est effectué en tenant compte de différents appareils et vitesses Internet.

La source: https://web.dev/performance-scoring/