Reprenons tout depuis le d\u00e9but.<\/p>
Google PageSpeed Insights est l’un des outils de Google permettant de mesurer et d’am\u00e9liorer la performance de votre site sur les appareils mobiles et les ordinateurs. <\/p>
En premier lieu, PageSpeed Insights vous donne la note globale de la performance de la page.<\/p>
Le score de Google PageSpeed est d\u00e9termin\u00e9 par Lighthouse<\/a>, un outil open source d\u00e9velopp\u00e9 par l’\u00e9quipe de Google. Lighthouse effectue diff\u00e9rents audits, dont un audit de performance. Apr\u00e8s avoir effectu\u00e9 l’audit de performance et \u00e9valu\u00e9 plusieurs <\/a>mesures, Lighthouse d\u00e9termine le score de performance, c’est-\u00e0-dire le m\u00eame score que celui fourni par Google PageSpeed. <\/strong><\/p> Le score Google PageSpeed se base sur des donn\u00e9es de laboratoire<\/strong>. Cela signifie que Google PageSpeed Insights, par l’interm\u00e9diaire de Lighthouse, recueille des donn\u00e9es relatives \u00e0 la performance dans un environnement contr\u00f4l\u00e9. La simulation est r\u00e9alis\u00e9e avec des r\u00e9glages pr\u00e9d\u00e9finis de l’appareil et du r\u00e9seau. <\/p> Parce qu\u2019il est le r\u00e9sultat de ces conditions pr\u00e9d\u00e9finies – par exemple, la connexion Internet – le score Google PageSpeed ne refl\u00e8te pas l’exp\u00e9rience r\u00e9elle de l’utilisateur \u00e0 100 %.<\/p> Page d’accueil de WP Rocket – Exemple de donn\u00e9es de laboratoire<\/p> C’est pourquoi l’outil PageSpeed Insights se base \u00e9galement sur des donn\u00e9es de terrain (Field data). <\/strong>Les donn\u00e9es de <\/strong>terrain \u201cen conditions r\u00e9elles\u201d sont les donn\u00e9es agr\u00e9g\u00e9es que Google Chrome collecte aupr\u00e8s des utilisateurs et met \u00e0 disposition dans le rapport sur l’exp\u00e9rience utilisateur de Chrome <\/a>(Chrome User Experience Report ou CrUX). <\/p> Ces donn\u00e9es sont tr\u00e8s pr\u00e9cieuses parce qu’elles rendent compte de l’exp\u00e9rience r\u00e9elle des utilisateurs – c’est aussi pour cela que ces donn\u00e9es peuvent diff\u00e9rer l\u00e9g\u00e8rement des donn\u00e9es de laboratoire <\/a>et ne sont pas toujours disponibles.<\/p> Les donn\u00e9es de terrain stock\u00e9es dans le CrUX contiennent les trois \u00e9l\u00e9ments <\/strong><\/a>des Core Web Vitals<\/strong>. Vous pouvez les identifier rapidement gr\u00e2ce au drapeau bleu : Largest Contentful Paint (performance de chargement), First Input Delay (interactivit\u00e9), Cumulative Layout Shift (stabilit\u00e9 visuelle).<\/p> Page d’accueil de WP Rocket – Exemple de donn\u00e9es de terrain<\/p> Sachez que les donn\u00e9es du laboratoire ne contiennent que les scores les plus \u00e9lev\u00e9s de Contentful Paint et de Cumulative Layout Shift. La mesure de l\u2019int\u00e9ractivit\u00e9 ne peut pas \u00eatre mesur\u00e9e sans une r\u00e9elle interaction avec l’utilisateur. C’est pourquoi le score de performance tient compte de la mesure du Total Blocking Time (temps total de blocage<\/a>), utilis\u00e9e comme un proxy.<\/p> Enfin et surtout, les donn\u00e9es de terrain sont pr\u00e9cieuses car c’est ainsi que Google \u00e9value le classement SEO – plus d’informations \u00e0 ce sujet dans la prochaine section !<\/p> Google PageSpeed est important car il peut avoir un impact sur le r\u00e9f\u00e9rencement de deux mani\u00e8res : la vitesse sur mobile et l’exp\u00e9rience utilisateur. <\/p> Les performances mobile et exp\u00e9rience utilisateur sont toutes deux li\u00e9es \u00e0 des facteurs de classement sp\u00e9cifiques :<\/p> D’une part, la vitesse de page sur mobile est un facteur de classement depuis plus de deux ans. Avec un peu de chance, c\u2019est un point sur lequel votre site est d\u00e9j\u00e0 \u00e0 jour ! Si ce n\u2019est pas le cas, pas de panique : vous pourrez retrouver \u00e0 la fin de cet article quelques conseils pour optimiser les performances de votre site.<\/p> D’autre part, les trois \u00e9l\u00e9ments vitaux du web se concentrent sur la fa\u00e7on dont les utilisateurs interagissent avec votre page et repr\u00e9sentent 55 % de la pond\u00e9ration globale du score PageSpeed<\/strong>. Cela signifie qu’ils sont tout \u00e0 fait pertinents pour d\u00e9terminer le score de PageSpeed Insights.<\/p> M\u00eame si le score de Google PageSpeed dans son ensemble n’est pas un facteur de classement, vous devez vous occuper des m\u00e9triques des Core Web Vitals. Comme nous l’avons dit, ils font partie du nouveau signal de classement de Page Experience et affecteront votre visibilit\u00e9 organique<\/a>. <\/p> Vous trouverez ci-dessous le score n\u00e9cessaire pour chaque m\u00e9trique des Core Web Vitals. Commencez d\u00e8s maintenant \u00e0 r\u00e9fl\u00e9chir \u00e0 la mani\u00e8re de les am\u00e9liorer ! (Pssst : WP Rocket peut vous aider en quelques clics<\/a>).<\/p> Les scores pour chacun des Core Web Vitals<\/p> C’est une question que beaucoup d’entre vous se posent !<\/p> Oui, Google PageSpeed Insights est d\u00e9sormais assez fiable pour mesurer l’exp\u00e9rience utilisateur sur votre site. Gr\u00e2ce aux diff\u00e9rentes mesures incluses, il vous donne un aper\u00e7u pr\u00e9cis de la mani\u00e8re dont les utilisateurs interagissent avec votre site.<\/p> L’outil est devenu de plus en plus fiable gr\u00e2ce aux derniers changements.<\/p> En novembre 2018, Google a lanc\u00e9 PageSpeed 5.0<\/a>. La nouvelle version a commenc\u00e9 \u00e0 utiliser l’ensemble de donn\u00e9es du rapport de Chrome sur l’exp\u00e9rience utilisateur (CrUX) ainsi que les audits Lighthouse. <\/p> Puis, en mai 2020, Lighthouse 6.0<\/a> est arriv\u00e9. De nouvelles mesures ont \u00e9t\u00e9 ajout\u00e9es, les m\u00eames que celles que vous voyez maintenant dans l’outil PageSpeed Insights, et qui rendent compte de la performance globale et de l’exp\u00e9rience utilisateur.<\/p> C’est pourquoi vous pouvez vous fier au score de PageSpeed et \u00e0 ses mesures pour avoir une id\u00e9e de la performance de votre site. Et, bien s\u00fbr, vous devez suivre les recommandations de PageSpeed Insights <\/a>pour am\u00e9liorer votre score.<\/p> Comme le score Google PageSpeed est d\u00e9sormais plus pr\u00e9cis, une am\u00e9lioration de la note refl\u00e9terait normalement <\/em>une am\u00e9lioration du temps de chargement. <\/p> Attendez… le score de PageSpeed ne refl\u00e8te-t-il pas la vitesse d’un site web ? La v\u00e9rit\u00e9 c\u2019est que \u00e7a d\u00e9pend.<\/p> Chez WP Rocket, nous avons \u00e0 c\u0153ur de d\u00e9cortiquer pour vous tous les sujets de performance web et ainsi vous donner les meilleurs outils pour comprendre comment aborder ce domaine parfois complexe.<\/p> C’est pourquoi nous tenons \u00e0 souligner que le score Google PageSpeed peut ne <\/em>pas refl\u00e9ter la vitesse de votre site web.<\/p> Pour \u00eatre clair : vous pouvez avoir un bon score PageSpeed, mais votre site pourrait ne pas \u00eatre aussi rapide. Ou bien vous pouvez avoir un site rapide et un mauvais score PageSpeed.<\/p> Nous allons partager quelques exemples – vous pourriez vous y r\u00e9f\u00e9rer !<\/p> C’est parce que le score Google PageSpeed refl\u00e8te l\u2019exp\u00e9rience utilisateur globale plus que le temps de chargement.<\/strong><\/p> Le temps de chargement n’est que le temps de chargement de la page. D’autre part, le score Google PageSpeed prend en compte six autres facteurs.<\/p> Dans la prochaine section, nous vous pr\u00e9senterons des exemples pratiques pour expliquer comment est calcul\u00e9 le score Google PageSpeed. Vous verrez comment les mesures jouent ensemble pour les performances et l’exp\u00e9rience utilisateur.<\/p> Pour l’instant, n’oubliez pas que vous devez vous occuper \u00e0 la fois du temps de chargement et du score Google PageSpeed. Ces deux \u00e9l\u00e9ments sont importants pour des raisons diff\u00e9rentes :<\/p> Nous avons vu comment le score Google PageSpeed est pertinent pour les performances de SEO. Examinons maintenant de plus pr\u00e8s les mesures qui peuvent faire la diff\u00e9rence dans votre note.<\/p> Comme nous l’avons dit, le score de vitesse que vous voyez en haut de votre rapport PageSpeed est bas\u00e9 sur les donn\u00e9es de laboratoire analys\u00e9es par Lighthouse.<\/p> Si vous vous demandez quelle note Google PageSpeed vous devriez viser, sachez qu’une bonne note commence \u00e0 90 – le seuil vous donnant la couleur verte.<\/p> Le score est divis\u00e9 en trois parties : <\/p> Le score Google de vitesse de page comprend six mesures :<\/p> Il est essentiel de savoir que chaque mesure a un poids diff\u00e9rent. <\/p> Certaines mesures sont plus importantes que d’autres pour d\u00e9terminer votre score global. L’am\u00e9lioration de certaines d’entre elles aura un impact plus important sur le score que d’autres. <\/p> Vous pouvez voir ici comment le poids est calcul\u00e9 <\/a>: <\/p> Le calculateur de score Lighthouse<\/p> En parlant des \u00e9l\u00e9ments vitaux du web, vous pouvez voir que Largest Contentful Paint et Total Blocking Time sont les mesures qui font la plus grande diff\u00e9rence. Ils repr\u00e9sentent tous deux 25 % de la note globale.<\/p> Si vous avez de mauvais Largest Contentful Paint ou Total Blocking Time, il est \u00e9galement probable que votre temps de chargement sera assez \u00e9lev\u00e9<\/strong>. C’est parce que ces deux mesures concernent les performances de chargement et l’interactivit\u00e9 de la page.<\/p> Voyez \u00e0 quel point le score de performance est mauvais si vous augmentez la performance de votre Largest Contentful Paint ou de votre Total Blocking Time :<\/p> En am\u00e9liorant ces deux mesures, votre temps de chargement diminuera \u00e9galement. L’ampleur de cette diminution d\u00e9pend de votre score initial – comme nous l’avons expliqu\u00e9 dans les exemples ci-dessus<\/a>.<\/p> Au contraire, l’am\u00e9lioration de votre Cumulative Layout Shift (5 %) vous aidera uniquement <\/strong>\u00e0 atteindre le seuil des Core Web Vitals et \u00e0 am\u00e9liorer l’exp\u00e9rience utilisateur. <\/p> Cela signifie que vous pourriez avoir le pire Cumulative Layout Shift du monde mais le temps de chargement le plus rapide. C’est parce que le Cumulative Layout Shift n’a aucun rapport avec la vitesse de votre site web, mais seulement avec la qualit\u00e9 de l’exp\u00e9rience utilisateur. <\/p> Pouvez-vous voir \u00e0 quel point la note de performance est peu affect\u00e9e par le score du Cumulative Layout Shift – aussi mauvaise soit-elle ? La note finale ne diminue que de 100 \u00e0 95 : elle est toujours verte !<\/p> Vous comprenez maintenant quels sont les mesures les plus importantes pour votre SEO et l’optimisation des performances. Il est temps d’obtenir de bons r\u00e9sultats et d’am\u00e9liorer rapidement \u00e0 la fois les Core Web Vitals et le temps de chargement en une seule fois <\/a>!<\/p> La seule diff\u00e9rence entre Google PageSpeed Insights sur mobile et sur ordinateur est le score que vous pouvez obtenir. Il est en effet plus compliqu\u00e9 d\u2019obtenir un bon score PageSpeed sur mobile que sur ordinateur.<\/p> Pourquoi ? Parce que la connexion sur mobile est plus lente, tout simplement.<\/p> Par d\u00e9faut, Lighthouse simule une connexion 3G. Il serait injuste de comparer le score sur mobile \u00e0 celui sur un ordinateur puisque la connexion sur un ordinateur sera toujours plus rapide.<\/p> Il y a aussi d’autres raisons pour lesquelles votre score sur mobile tend \u00e0 \u00eatre inf\u00e9rieur \u00e0 celui sur ordinateur. Voyons-les maintenant.<\/p> Quelques conseils essentiels pour am\u00e9liorer un mauvais score sur mobile<\/strong><\/p> Vous avez un score de performance faible sur mobile ? L’optimisation d’image<\/a> pourrait \u00eatre une des cl\u00e9s pour r\u00e9soudre votre probl\u00e8me.<\/p> Suivez ces deux bonnes pratiques trop souvent n\u00e9glig\u00e9es pour am\u00e9liorer votre score : redimensionner et utiliser des images adapt\u00e9es pour mobile et optimiser le poids des images (et pas seulement leur dimension !).<\/p> Voici quelques exemples :<\/p> C’est pourquoi vous devez toujours charger la taille correcte en fonction de l’appareil et ensuite servir des images redimensionn\u00e9es \u00e0 l’\u00e9chelle sur mobile. <\/p> Nous allons \u00eatre aussi honn\u00eates que possible. Il est presque impossible d’obtenir un score sur mobile de 100 points pour les raisons expliqu\u00e9es ci-dessus. Il est plus facile d’obtenir un tel score sur un ordinateur de bureau.<\/p> La v\u00e9rit\u00e9 est qu’il n’y a pas de diff\u00e9rence entre 95 et 100 – \u00e0 la fois sur mobile et sur un ordinateur. En ce qui concerne les performances des Web Core Vitals, votre objectif devrait \u00eatre d’obtenir un score vert. Et le score vert commence \u00e0 90 – ce sera suffisant.<\/p> Ne stressez pas ! Google ne va pas vous p\u00e9naliser parce que vous avez un score de 97 au lieu de 100. L’exp\u00e9rience utilisateur sera la m\u00eame – et c’est tout ce qui compte.<\/p> Penchons-nous maintenant sur deux des principaux outils de mesure de performance et de vitesse, histoire d\u2019avoir une autre preuve que Google PageSpeed Insights est un outil fiable.<\/p> La diff\u00e9rence entre PageSpeed insight et GTmetrix <\/a>est la localisation du serveur utilis\u00e9e pour le test de performance. Les deux outils utilisent maintenant les mesures de performance de Lighthouse, le score devrait donc \u00eatre le m\u00eame. <\/p> Il se peut n\u00e9anmoins que vous constatiez un \u00e9cart entre les deux scores.<\/p> En effet, plus votre serveur est proche de l’emplacement du serveur utilis\u00e9 pour effectuer le test, plus le score sera \u00e9lev\u00e9.<\/strong><\/p> D’une part, Google PageSpeed Insights calcule votre score en utilisant le serveur le plus proche. D’autre part, si vous n’avez pas de compte dans GTmetrix, vous utiliserez le serveur par d\u00e9faut situ\u00e9 \u00e0 Vancouver. <\/p> Si possible, effectuez votre test de vitesse en choisissant le lieu le plus proche de votre serveur. <\/p> Voyez ici comment votre score de performance peut changer<\/a> en fonction de la localisation du serveur :<\/p>
Score Google PageSpeed Insights – Page d’accueil de WP Rocket<\/p>![\"WP\u00a0Rocket](\"https:\/\/lh5.googleusercontent.com\/Qxkeen-w6mbFsEvjDtUTc_ROlGi2fy6rafgqosrTrIGr1b2OI5rgOyzZhJ1IGgYs6uyL0fMrnOGPEiTDcatRbahC2la_bMTJZ4SYjLczjkw10uiZOs-rYOF0QZ75F-f8ETZidJw\")
![](\"https:\/\/lh6.googleusercontent.com\/9kAe6J2VFefUDyV1qyi6NDIdM-Q9QCtrchiwQINmwbxMG59TwJ6QJkL8WPJYAjuL4iV7760mZpoU3KVuJhXkQv9IbisLAgd6Ua4jY0seAKfQHwMVw0DGkJ_zcKdLoTZncA2KycM\")
Pourquoi Google PageSpeed est important (et pourquoi il affecte le SEO)<\/strong><\/h2>
![](\"https:\/\/lh6.googleusercontent.com\/lYczP0N_PiTcGTfCqJmW3FBu1SVqlr9fn_fj348uBCjc-8de1Pq7_J_1VT7Y-NIlkIqB2K9gDKSVl7h1oVgg3Shn9s2je8HPNhune7vITSWaA1RKi0Q6CUs-EulF36jQawJzuIY\")
Google PageSpeed Insights est-il fiable et pr\u00e9cis ?<\/strong><\/h2>
Pourquoi le score de PageSpeed n’est pas forc\u00e9ment \u00e9gal au temps de chargement de la page<\/strong><\/h2>
Si votre score Google passe de 80 \u00e0 90, votre temps de chargement ne diminuera que l\u00e9g\u00e8rement – par exemple, de 2s \u00e0 1,9s.<\/li><\/ul>Comment est calcul\u00e9 le score PageSpeed Insights<\/strong><\/h2>
Qu’est-ce qu’un bon score Google Pagespeed ?<\/strong><\/h3>
Mesures et poids PageSpeed Insights<\/strong><\/h3>
![\"The](\"https:\/\/lh4.googleusercontent.com\/01hpFDxyhavvRfVxBzI8VAkxO6RmfD6d5g6fhUcjWBKiEfa8RAxix6p7UDyBJiK5h6Z8qE1le0rYIvCOG75Ulx1lNopMh2rM8AHc5R5_K8HWGsDeqXWFK8IJ0Dq0glHVf0GIrZU\")
Comment le score de performance change en fonction du LCP et du TTB<\/p>
Comment le score de performance change selon le CLS<\/p>Google PageSpeed Insights Mobile vs. Ordinateur : Quelle diff\u00e9rence ?<\/strong><\/h2>
Les dimensions de l’image ne sont donc pas adapt\u00e9es pour mobile et auront un impact sur votre score mobile.<\/li><\/ul>
C’est pourquoi l’optimisation de l’image aura toujours un impact plus important sur votre score mobile que sur celui sur ordinateur. Plus votre connexion est mauvaise, plus l’optimisation d’image est un point important.<\/li><\/ul>Est-il important d’obtenir un score de 100\/100 de vitesse de page sur mobile ?<\/strong><\/h3>
Qu’en est-il de PageSpeed Insights par rapport aux autres outils de test de performance et de vitesse ?<\/strong><\/h2>
GT Metrix vs Google PageSpeed Insights <\/strong><\/h3>
Le score de performance peut varier en fonction de l’emplacement du serveur<\/p>Google PageSpeed Insights vs Pingdom<\/strong><\/h3>
![\"Google](\"https:\/\/lh3.googleusercontent.com\/Gdw8YIy4AeOMLJnPJ8Vw4c3z-gxwg8eV87c7BbQ0tuEo_WvoYzzmEhSdsIho0T1WrZHcodNIRYEx84p_0N_s_ikQwwB19UXzuyOnz7EFhQy2eE_seLB-qhbTHbGC_b-uint9FH0\")
![\"How](\"https:\/\/lh5.googleusercontent.com\/cjYyAd6hpQ_ZfI8YZhCWIHrkXxtxYfWIZOgd3vfmWd_t99OcuNDawnLK0w8S9ekMR0FqcAwjII6lOg14ME--WzTIQu9i2bXG8T-IL6d_O5M2DKEyARhXIEPOHdgwnJT6MsuzcZA\")
![\"How](\"https:\/\/lh4.googleusercontent.com\/yA0wpTK8oE3zWcHR0VVnR5gn3X039jHHRlituO4-yCpVpKc4yhR1mdGa4gOqPJxnZPzz7EteBmi6XLZL_lWBZsR32XIH4e0GzDAcbb0PsQAGkwRK9vv5bntzVY6sEsdbN5ZuLfc\")
![\"The](\"https:\/\/lh6.googleusercontent.com\/MgsxXklTBuq28LCVMczGYVMBBd4XK-jysmdhKz2Fvfm7kYm_aBWGAfQwsS8lI8M56d4dF2QiQpO3c9HEOCWz4PcnDcn_YqXoDCuNOoHGjZW55gOer2tZSQsanLdik4x1s54d8m4\")
![](\"https:\/\/lh5.googleusercontent.com\/UmT5Fg0kS7Z10UcLw0YTDcfN20M3yL1TlhO5CmUzH1Qi5eYq5XJV7i9018O2qhYgnda0wsuPApFlk-m_LT-06U0CYNyfHLVOIcEi3-dhGVZCmbmbBi1fo4ACJ4c9OfCAcJsRwAI\")
<\/p>