{"id":109721,"date":"2022-10-07T18:54:48","date_gmt":"2022-10-07T18:54:48","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/lighthouse-score-comment-est-il-calcule-comment-lameliorer\/"},"modified":"2022-10-07T18:54:48","modified_gmt":"2022-10-07T18:54:48","slug":"lighthouse-score-comment-est-il-calcule-comment-lameliorer","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/lighthouse-score-comment-est-il-calcule-comment-lameliorer\/","title":{"rendered":"Lighthouse Score : comment est-il calcul\u00e9, comment l’am\u00e9liorer ?"},"content":{"rendered":"
\n

<\/p>\n

Avec l’arriv\u00e9e de la mise \u00e0 jour Google Page Experience, pr\u00e9vue pour mai 2021, et les changements qu’elle annonce, la web performance est plus que jamais au centre des pr\u00e9occupations. Dans cette course au r\u00e9f\u00e9rencement et \u00e0 l’efficacit\u00e9, Lighthouse, l’outil d’audit gratuit de Google, permet d’analyser un site ou une page web avec des crit\u00e8res bien pr\u00e9cis. L’objectif : d\u00e9livrer des informations cl\u00e9s et contribuer \u00e0 l’am\u00e9lioration des performances de votre site internet et de votre r\u00e9f\u00e9rencement. Nous faisons le point sur le calcul de votre score.<\/p>\n

<\/span>Comment est calcul\u00e9 le score Lighthouse ?<\/span><\/h2>\n

<\/span>Le calcul de chaque crit\u00e8re Phare<\/span><\/h3>\n

Le calcul fourni par Lighthouse est bas\u00e9 sur 6 crit\u00e8res et va de 1 \u00e0 100. Le score global est une moyenne des scores m\u00e9triques. Ces scores de m\u00e9trique apparaissent lorsque Lighthouse a fini de collecter les m\u00e9triques de performance (\u00e9valu\u00e9es en millisecondes) et convertit chaque valeur de m\u00e9trique de 0 \u00e0 100.<\/p>\n

Si l’on prend comme exemple le crit\u00e8re Largest Contentful Paint (LCP) qui mesure la vitesse de chargement du contenu principal d’une page, la valeur de la m\u00e9trique d\u00e9signe la dur\u00e9e entre le moment o\u00f9 l’utilisateur demande le chargement de la page et le moment o\u00f9 la page se charge, que la page a enti\u00e8rement charg\u00e9 son contenu. Selon les donn\u00e9es de Google, les sites les plus performants rendent environ 1220 ms, donc la valeur m\u00e9trique a un score de 99.<\/p>\n

<\/span>Pond\u00e9ration des crit\u00e8res Phare<\/span><\/h3>\n

L’autre point important est le poids de chaque crit\u00e8re dans la note globale :<\/p>\n

la Premi\u00e8re peinture avec contenu<\/strong> (FCP) qui calcule le temps mis par le navigateur pour afficher le premier \u00e9l\u00e9ment de contenu DOM lors du chargement d’une page de votre site, vaut 15% du score<\/strong>. la indice de vitesse<\/strong> (SI), charg\u00e9 de calculer la vitesse d’affichage visuel du contenu lors du chargement de la page, vaut 15%<\/strong>. la Peindre avec un contenu plus grand<\/strong> (LCP), qui repr\u00e9sente le temps de chargement pour afficher le contenu principal pour l’utilisateur, vaut 25%<\/strong>. la le temps de l’interactivit\u00e9<\/strong> (TTI), qui \u00e9value la vitesse d’interaction, vaut 15%<\/strong>. la dur\u00e9e totale de verrouillage<\/strong> (TBI), qui mesure le temps total pendant lequel une page est bloqu\u00e9e pour r\u00e9pondre aux entr\u00e9es de l’utilisateur, vaut 25%<\/strong>. la Modification de conception cumulative<\/strong> (CLS), qui mesure les changements de conception inattendus que les utilisateurs peuvent rencontrer sur un site, vaut 5%<\/strong>.<\/p>\n

<\/span>Qu’en est-il de Core Web Vitals ?<\/span><\/h3>\n

Ces pourcentages donnent un aper\u00e7u de ce qu’il faut promouvoir pour optimiser votre site et son r\u00e9f\u00e9rencement. Paradoxalement, le CLS, qui ne vaut que 5% du score Lighthouse, fait partie des Core Web Vitals, cet ensemble de signaux indispensables \u00e0 toute exp\u00e9rience web et que Google prend en compte depuis mai 2021 pour classer les pages dans les r\u00e9sultats. .<\/p>\n

En mai 2020, les d\u00e9veloppeurs de Chromium insistaient sur l’importance de prendre soin de ces trois crit\u00e8res en particulier : le FID (First Input Delay), le LCP et le CLS. Voici les \u00e9l\u00e9ments \u00e0 optimiser pour la mise \u00e0 jour Page Experience de Google.<\/p>\n

Les meilleurs outils de performance Web<\/p>\n

<\/span>Comment am\u00e9liorer le score de performance de Lighthouse\u00a0?<\/span><\/h2>\n

Vous pouvez utiliser le calculateur Lighthouse pour d\u00e9finir les crit\u00e8res \u00e0 cibler et optimiser. Vous devez identifier rapidement les indicateurs \u00e0 am\u00e9liorer.<\/p>\n

Dans le rapport r\u00e9alis\u00e9 par Lighthouse, il est alors possible de se r\u00e9f\u00e9rer au rapport dans les rubriques \u00ab Opportunit\u00e9s \u00bb qui comportent des suggestions d\u00e9taill\u00e9es ou des \u00ab Diagnostics \u00bb qui apportent un autre \u00e9clairage sur ce qu’il est possible d’am\u00e9liorer. Pour aller plus loin : 8 \u00e9tapes pour optimiser le temps de chargement de votre site internet.<\/p>\n<\/p><\/div>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n