{"id":1804837,"date":"2018-12-10T17:23:58","date_gmt":"2018-12-10T16:23:58","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=1804837"},"modified":"2020-06-01T17:24:41","modified_gmt":"2020-06-01T15:24:41","slug":"pagespeed-insights-est-maintenant-fourni-par-lighthouse-quest-ce-que-ca-change-et-comment-lire-le-nouveau-rapport","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/pagespeed-insights-est-maintenant-fourni-par-lighthouse-quest-ce-que-ca-change-et-comment-lire-le-nouveau-rapport\/","title":{"rendered":"PageSpeed Insights est maintenant fourni par Lighthouse : qu\u2019est ce que \u00e7a change, et comment lire le nouveau rapport"},"content":{"rendered":"\n

En Novembre 2018, Google a lanc\u00e9 la v5 de son API PageSpeed Insights qui inclut maintenant la technologie Lighthouse<\/strong> et int\u00e8gre les donn\u00e9es de champ r\u00e9cup\u00e9r\u00e9es dans le Chrome User Experience Report (CrUX).<\/p>\n\n\n\n

Cette nouvelle version a recueilli des avis mitig\u00e9s du public : certains ont vu leurs scores PSI atteindre des sommets, et d\u2019autres ont atteint des ab\u00eemes de d\u00e9sespoir en voyant leurs scores chuter. ?<\/p>\n\n\n\n

En mai 2020, la version 6 de Lighthouse a apport\u00e9 de nouveaux changements dans les indicateurs de mesure.<\/p>\n\n\n\n

Si vous suivez notre blog depuis le d\u00e9but, vous connaissez donc notre opinion : un score d\u2019optimisation de performance web fiable ne doit pas d\u00e9pendre uniquement de PageSpeed Insights<\/a>. <\/p>\n\n\n\n

N\u00e9anmoins, puisque les outils Google font partie de ceux les plus utilis\u00e9s quand il s\u2019agit de faire des audits de performances, voyons ensemble ce qui a chang\u00e9 avec le nouveau PageSpeed Insights et les points cl\u00e9s \u00e0 garder en t\u00eate au moment de lire ses recommandations. <\/p>\n\n\n\n

Apprendre \u00e0 conna\u00eetre Google Lighthouse<\/h2>\n\n\n\n

Jusqu\u2019\u00e0 maintenant, Google poss\u00e9dait plusieurs outils pour \u00e9valuer les performances des sites web comme PageSpeed Insights<\/a>, WebPageTest<\/a>, Test My Site<\/a>, Chrome Developer Tools<\/a> et Lighthouse<\/a>.<\/p>\n\n\n\n

\"Most
Outils de Google pour \u00e9valuer les performances des sites web<\/figcaption><\/figure>\n\n\n\n

Utiliser diff\u00e9rents outils de performance pose un gros probl\u00e8me : tous ces outils donnent de nombreuses recommandations qui s\u2019accumulent et provoquent la confusion dans le processus d\u2019optimisation de performance web, qui n\u2019est d\u00e9j\u00e0 pas forc\u00e9ment si facile que \u00e7a \u00e0 comprendre. <\/p>\n\n\n\n

C\u2019est pourquoi, selon Google, il \u00e9tait temps de rendre les choses plus faciles et de permettre aux d\u00e9veloppeurs d\u2019obtenir les m\u00eames recommandations de performances partout, quel que soit l\u2019outil Google qu\u2019ils voulaient utiliser. <\/p>\n\n\n\n

Maintenant que Lighthouse fournit PageSpeed Insights, vous devriez obtenir le m\u00eame r\u00e9sultat, que vous obteniez vos recommandations de performance sur le web, la ligne de commande ou les Chrome DevTools.

On voit donc que Google vise un type d\u2019utilisateurs tr\u00e8s sp\u00e9cifique : les d\u00e9veloppeurs et personnes ayant d\u00e9j\u00e0 une connaissance approfondie des bonnes pratiques de performance web et les solutions \u00e0 appliquer.

Dans le m\u00eame temps, si on regarde l\u2019\u00e9cosyst\u00e8me de WordPress, on peut observer une volont\u00e9 marqu\u00e9e de la part de Google pour ajuster les recommandations Lighthouse et les rendre plus abordables pour les propri\u00e9taires et d\u00e9veloppeurs de sites WordPress.
Alberto Medina (qui pr\u00f4ne les d\u00e9veloppeurs chez Google) a dit<\/a> :<\/p>\n\n\n\n

Nous pensons au d\u00e9veloppement d\u2019un projet appel\u00e9 WordPress-localized Advice Packs for Lighthouse, avec pour but de donner des conseils sp\u00e9cifiques \u00e0 WordPress lorsque vous utilisez Lighthouse. Gr\u00e2ce \u00e0 \u00e7a, les d\u00e9veloppeurs et propri\u00e9taires de sites WordPress auront des r\u00e9sultats sur Lighthouse pens\u00e9s pour WordPress et les sp\u00e9cificit\u00e9s de la plateforme. <\/p><\/blockquote>\n\n\n\n

Avant d\u2019examiner en d\u00e9tails la nouvelle API de PageSpeed Insight, voyons ensemble ce qu\u2019est exactement Google Lighthouse.<\/p>\n\n\n\n

Google Lighthouse, qu\u2019est ce que c\u2019est ?<\/h3>\n\n\n\n

Lighthouse est la technologie au coeur de la v5 de PSI. D\u2019apr\u00e8s la d\u00e9finition de Google<\/a> :<\/p>\n\n\n\n

Lighthouse est un outil open-source automatis\u00e9 pour am\u00e9liorer la qualit\u00e9 des pages web. Vous pouvez l\u2019utiliser sur n\u2019importe quelle page web, publique ou avec authentification. Il donne des recommandations de performance, accessibilit\u00e9, pour les applications web progressives (PWA), et plus encore. Vous pouvez faire fonctionner Lighthouse dans Chrome DevTools, depuis la ligne de commande, ou comme module Node.
Vous donnez a Lighthouse une URL \u00e0 auditer, il fait une s\u00e9rie de tests sur cette page puis produit un rapport qui montre comment la page fonctionne. Partant de l\u00e0, vous pouvez utiliser les tests o\u00f9 la page n\u2019a pas eu de bons r\u00e9sultats comme indicateurs sur comment am\u00e9liorer la page. Chaque audit a un document de r\u00e9f\u00e9rence qui explique pourquoi il est important et comment le r\u00e9gler.<\/p><\/blockquote>\n\n\n\n

Le code de Lighthouse est disponible sur le d\u00e9p\u00f4t GitHub public de Google Chrome<\/a>.<\/p>\n\n\n\n

Pourquoi la mise \u00e0 jour de PageSpeed Insights change-t-elle la donne ?<\/h2>\n\n\n\n

\u00c0 partir de maintenant, nous devons tous ajuster notre mani\u00e8re de lire les scores de performance et interpr\u00e9ter les conseils d\u2019optimisation de performance web du nouveau PageSpeed Insight.<\/p>\n\n\n\n

Quand vous testez une page sur PageSpeed Insights, les r\u00e9sultats incluent \u00e0 la fois des donn\u00e9es de laboratoire et des donn\u00e9es de champ \u00e0 propos de cette page. Voici comment Google explique la diff\u00e9rence entre les donn\u00e9es de laboratoire et de champ<\/a> :<\/p>\n\n\n\n

Les donn\u00e9es de laboratoire servent \u00e0 d\u00e9buguer les probl\u00e8mes de performance, car elles sont r\u00e9colt\u00e9es dans un environnement contr\u00f4l\u00e9. N\u00e9anmoins, elles ne montrent pas toujours les probl\u00e8mes rencontr\u00e9s dans les situations r\u00e9elles.  Les donn\u00e9es de champ servent \u00e0 conna\u00eetre l\u2019exp\u00e9rience d\u2019un v\u00e9ritable utilisateur, mais ne permettent pas de tester tous les aspects de performance de la page.<\/p><\/blockquote>\n\n\n\n

Les donn\u00e9es de laboratoire<\/strong> (Lab Data) sur PSI sont bas\u00e9es sur plusieurs mesures :<\/p>\n\n\n\n