{"id":2723,"date":"2020-06-14T10:55:56","date_gmt":"2020-06-14T08:55:56","guid":{"rendered":"https:\/\/www.poulpe-digital.fr\/?p=2723"},"modified":"2020-06-14T10:57:44","modified_gmt":"2020-06-14T08:57:44","slug":"lighthouse-score-performance-web","status":"publish","type":"post","link":"https:\/\/www.projets.poulpe-digital.fr\/poulpe-digital\/2020\/06\/14\/lighthouse-score-performance-web\/","title":{"rendered":"Lighthouse : comprendre le score de performance web attribu\u00e9 \u00e0 votre site"},"content":{"rendered":"\n

D\u00e9couvrez comment interpr\u00e9ter le score de performance web attribu\u00e9 par Lighthouse, l’outil d’audit gratuit d\u00e9velopp\u00e9 par Google.\"\"<\/p>\n\n\n\n

Comment comprendre les diff\u00e9rents crit\u00e8res du score de performance de votre site d\u00e9finis par Lighthouse. Cr\u00e9dits : Google.<\/pre>\n\n\n\n
L\u2019extension Google Lighthouse<\/a> est capable de r\u00e9aliser un audit de votre site ou d\u2019une page web sp\u00e9cifique pour vous permettre de r\u00e9cup\u00e9rer des informations cl\u00e9s qui vous permettront par la suite d\u2019am\u00e9liorer votre site et votre SEO.<\/p>\n\n\n\n
Les crit\u00e8res de l\u2019audit sont dot\u00e9s d\u2019un score de 1 \u00e0 100. D\u00e9couvrez comment interpr\u00e9ter les 6 points cl\u00e9s qui d\u00e9terminent le score final de performance de votre site, calcul\u00e9 par Lighthouse.<\/p>\n\n\n\n
\n
\"\"<\/p>\n\n\n\n
Le poids de chaque crit\u00e8re pour \u00e9tablir le score de performance web de Lighthouse. Cr\u00e9dits : Google.<\/pre>\n<\/div><\/div>\n\n\n\n
First Contentful Paint (FCP)<\/h2>\n\n\n\n
FCP calcule le temps n\u00e9cessaire au navigateur pour afficher le premier \u00e9l\u00e9ment de contenu DOM lors du chargement d\u2019une page de votre site. Les \u00e9l\u00e9ments tels que les images, les <canvas>, les \u00e9l\u00e9ments qui ne sont pas blancs ou encore les SVG sont consid\u00e9r\u00e9s comme du contenu DOM, ce qui est \u00e0 l\u2019int\u00e9rieur d\u2019un iframe n\u2019est pas inclus.<\/p>\n\n\n\n
Comment est-il calcul\u00e9 ?<\/em><\/p>\n\n\n\n
Votre score FCP se base sur une comparaison entre le temps FCP de votre page et les temps FCP pour de r\u00e9els sites Web, provenant de la base des donn\u00e9es de l\u2019archive HTTP.<\/p>\n\n\n\n
Par exemple, les sites fonctionnant dans le quatre-vingt-dix-neuvi\u00e8me centile ont un FCP d\u2019environ 1,5 seconde donc si le FCP de votre site Web est de 1,5 seconde, votre score FCP est de 99.<\/p>\n\n\n\n
\n
\"\"<\/p>\n\n\n\n
Les valeurs des scores FCP. Cr\u00e9dits : Google.<\/pre>\n<\/div><\/div>\n\n\n\n
Largest Contentful Paint (LCP)<\/h2>\n\n\n\n
Ce crit\u00e8re correspond au temps de chargement de la page pour afficher le contenu principal pour l\u2019utilisateur. Il permet de fournir une indication sur la rapidit\u00e9 avec laquelle un utilisateur peut r\u00e9ellement voir le contenu de la page.<\/p>\n\n\n\n
C\u2019est un crit\u00e8re compl\u00e9mentaire \u00e0 First Contentful Paint. Si vous obtenez un score LCP inf\u00e9rieur \u00e0 2,5 secondes, le score est consid\u00e9r\u00e9 comme \u00ab\u00a0bon\u00a0\u00bb par Google.<\/p>\n\n\n\n
\n
\"\"<\/p>\n\n\n\n
Les valeurs des scores LCP. Cr\u00e9dits : Google.<\/pre>\n<\/div><\/div>\n\n\n\n
Speed Index<\/h2>\n\n\n\n
L\u2019index de vitesse est calcul\u00e9 en fonction de la vitesse \u00e0 laquelle le contenu est affich\u00e9 visuellement pendant le chargement de la page. L\u2019outil capture d\u2019abord une vid\u00e9o du chargement de la page dans le navigateur et mesure la progression visuelle au fur et \u00e0 mesure que les \u00e9l\u00e9ments apparaissent. Lighthouse s\u2019appuie sur le module Speedline Node.js pour g\u00e9n\u00e9rer le score de ce crit\u00e8re.<\/p>\n\n\n\n
Comment est-il calcul\u00e9 ?<\/em><\/p>\n\n\n\n
Le score est une comparaison de l\u2019indice de vitesse de votre page et des indices de vitesse de sites Web r\u00e9els, sur la base des donn\u00e9es de l\u2019archive HTTP.<\/p>\n\n\n\n
\n
\"\"<\/p>\n\n\n\n
Les valeurs des scores Speed Index. Cr\u00e9dits : Google.<\/pre>\n<\/div><\/div>\n\n\n\n
Time to Interactive (TTI)<\/h2>\n\n\n\n
TTI mesure le temps n\u00e9cessaire \u00e0 une page pour devenir enti\u00e8rement interactive car la visibilit\u00e9 du contenu ne suffit pas, il faut qu\u2019il puisse fonctionner pour \u00e9viter toute frustration en termes d\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n
Comment est-il calcul\u00e9 ?<\/em><\/p>\n\n\n\n
Ce crit\u00e8re se base sur le temps que met une page \u00e0 \u00eatre enti\u00e8rement interactive. Il faut savoir qu\u2019une page est consid\u00e9r\u00e9e comme telle lorsque :<\/p>\n\n\n\n