Alors, vous vous dirigez vers Google PageSpeed ​​Insights, car c’est ce que tous les articles vous disent de faire, et entrez votre URL. Une note et une liste de recommandations de Google vous sont présentées. À ce stade, vous êtes consterné:

  • « Quels sont tous ces avertissements rouges et orange ? »
  • « Pourquoi ma note est-elle si peu élevée ? »
  • “Que signifient toutes ces recommandations ?”

Après avoir ajouté la mise en cache à votre site, vous vous attendez peut-être à ce que votre note PageSpeed ​​soit presque parfaite. Ou bien, vous étudiez les recommandations et vous vous demanderez pourquoi votre plugin de mise en cache ne les a pas toutes résolues automatiquement.

De nombreux clients se demandent pourquoi leur note PageSpeed ​​n’est pas supérieure, ou ils supposent que, parce qu’elle n’augmente pas beaucoup, cela signifie que WP Rocket ne sert pas à grand chose.

La simple réalité est la suivante:

Votre score Google PageSpeed ​​n’a pas d’importance. Voici pourquoi.

Le besoin de vitesse

WP Rocket a pour objectif de rendre votre site plus rapide. 
La vitesse, c’est-à-dire que le temps de chargement de votre site est la mesure la plus importante. C’est ce qui compte pour l’expérience utilisateur et pour le référencement. Lorsque le bot Google explore votre site, il ne peut pas voir votre « note », seulement votre vitesse.

Saviez-vous que Google PageSpeed ​​ne mesure même pas le temps de chargement de votre site?

Comparez aux chiffres livrés par google console et/ ou l’excellent  Pingdom Tools

Repensez à votre scolarité. Est-ce que les notes parfaites signifiaient que vous étiez intelligent? Pas nécessairement. Cela signifiait simplement que vous réussissiez vos contrôles. Mais bien des personnes intelligentes ne sont pas très bons les jours d’examen…

Donc, tout comme les notes scolaires ne sont pas un indicateur d’intelligence, le grade PageSpeed ​​de Google n’est pas en réalité un indicateur de vitesse.

Voici 3 sites Web ayant tous des temps de chargement similaires, mais avec des scores PageSpeed ​​extrêmement différents:

page speed

LOADING TIME: 462 MS
GOOGLE PAGESPEED: 87
pingdom tool

LOADING TIME: 596 MS
GOOGLE PAGESPEED: 70

vitesse page
LOADING TIME: 495 MS
GOOGLE PAGESPEED: 76

Entre ces 3 sites, le temps de chargement est compris entre 465 ms et 596 ms, mais le score PageSpeed ​​varie entre 58 et 91.

Et le site ci-dessous a un très bon score PageSpeed ​​mais est plus lent que les 3 précédents:

performance page
LOADING TIME: 3.16S
GOOGLE PAGESPEED: 88

Vous pouvez donc voir à partir de ces exemples que la note Google PageSpeed ​​n’est pas un indicateur de vitesse.

Faire la chasse à certains paramètres est une perte de temps

Aucun site n’obtient une note parfaite. En fait, il est quasiment impossible à obtenir.  Si vous essayez d’atteindre le 100/100, en appliquant toutes les suggestions de Google PageSpeed, vous perdrez vite votre santé mentale.

Vous ne pouvez pas prendre à la lettre toutes les suggestions de Google PageSpeed, car elles sont parfois irréalistes ou impossibles.
Par exemple, l’outil vous indique de réduire ou d’ajouter des en-têtes d’expiration à un fichier qui n’est pas hébergé sur votre site Web. C’est impossible. Dans l’exemple ci-dessous, seuls Facebook et Google peuvent eux-mêmes ajouter la mise en cache du navigateur à ces fichiers.

PageSpeed_Insights

Si vous utilisez un CDN sur votre site, PageSpeed ​​peut vous donner un score inférieur, mais dans de nombreux cas, un CDN offre une meilleure vitesse aux vos visiteurs internationaux.
Ou si cela vous marque parce que vous pourriez économiser 1 Ko en compressant une image (voir ci-dessous), cela ne vaut pas la peine de s’inquiéter!

image optimisée

Javascript et CSS bloquant le rendu

Une recommandation commune que PageSpeed ​​aime à faire est la suivante:
«Éliminer le code JavaScript et CSS bloquant le rendu dans le contenu au-dessus du pli».
Cette recommandation fournit ensuite deux parties à cette recommandation:

1) Supprimer le JavaScript bloquant le rendu

Pour des performances optimales, il est préférable que les fichiers JavaScript soient chargés dans le pied de page de votre site ou de manière asynchrone, de sorte qu’ils ne bloquent pas le téléchargement d’autres éléments de votre site, ce qui le ralentit. Mais ce que Google ne prend pas en considération, c’est qu’il n’est parfois pas possible de tout charger dans le pied de page, surtout si vous n’êtes pas développeur et que vous utilisez un thème WordPress standard.

Si vous avez activé la minification JS dans WP Rocket, à partir de la v2.6, nous détectons automatiquement si les fichiers JS doivent être chargés dans l’en-tête ou le pied de page, en fonction de la manière dont leur développeur les a mis en file d’attente.

Par conséquent, si vous voyez la mention «supprimer le JavaScript bloquant le rendu», cela signifie que certains fichiers JS sont toujours chargés dans l’en-tête. Mais cela peut avoir été intentionnel de la part du développeur du thème ou du plugin. Parfois, lorsque vous déplacez des fichiers JavaScript de l’en-tête vers le pied de page, vous pouvez interrompre certaines fonctionnalités de votre site Web.

Ainsi, si vous souhaitez améliorer votre score PageSpeed, vous pouvez essayer d’utiliser cette option dans les options avancées de WP Rocket:
«Les fichiers JS doivent être inclus dans le pied de page pendant le processus de minification» et entrez les URL complètes originales de vos fichiers JS. .

Ou, si vous ne réduisez pas les fichiers mais souhaitez simplement différer le chargement, vous pouvez utiliser l’option:
«Fichiers JS à chargement différé»:

si cela ne rompt aucune fonctionnalité de votre site, cela peut aider votre score PageSpeed.
Pensez également à tester l’effet sur la vitesse de votre site.

2) Optimiser la livraison CSS des éléments suivants

WP Rocket ne dispose pas d’option permettant de charger les feuilles de style CSS dans le pied de page, car le chargement de votre site se ferait alors sans aucun style, ce qui le rendrait brisé et offrirait une expérience utilisateur déplorable.

Google suggère que vous puissiez « Optimiser la diffusion CSS ».

Ils veulent essentiellement que vous sépariez le CSS nécessaire pour restituer la première partie de votre page et l’intégrer directement dans le code de votre page, plutôt que dans la feuille de style principale.

Donc, comme vous pouvez le constater, si vous n’êtes pas un développeur, cette tâche est assez difficile à réaliser et implique de recodifier des parties de votre thème. Cela varie également d’un site à l’autre, de sorte que ce n’est pas quelque chose qui peut être transformé en une solution en un clic dans un plugin de mise en cache.

Si vous êtes développeur ou si vous en avez un, vous pouvez leur demander de mettre en œuvre cette technique. Cela n’améliorera pas nécessairement le temps de chargement global de votre page, mais cela augmentera votre score PageSpeed ​​et pourrait sembler se charger plus rapidement, car les éléments en haut de la page se chargeront plus rapidement. Ce type de micro-optimisation est utilisé par des sites comme Amazon, où une différence de 10 ms peut avoir une incidence sur leurs résultats. Pour la plupart des petits sites, il est peu probable que l’impact soit grand.

Alors, à quoi sert PageSpeed?

Google PageSpeed ​​peut être utile tant que vous ne le traitez pas comme une panacée.

Parfois, il peut vous alerter sur les problèmes que vous pouvez résoudre sur votre site. Par exemple, cela peut vous alerter du fait que votre contenu n’est pas en cours de création sous GZIP. WP Rocket ajoute les règles pour GZIP par défaut. Par conséquent, si PageSpeed ​​vous avertit, cela peut indiquer que votre serveur ne l’a pas activé.

Cela peut également vous alerter que vous avez trop d’images volumineuses pouvant être compressées. C’est une bonne recommandation sur laquelle vous pouvez réellement agir en compressant vos images avant de les publier ou en vous servant d ‘un plugin dédié comme imagify ou autre.

c’est la la source  d’économie sur le temps de chargement la  plus facile à aborder et l’impact sur l’affichage est immédiat.

Il est donc préférable de considérer PageSpeed ​​comme l’un des nombreux outils de votre arsenal pouvant vous fournir des indications, mais votre objectif doit toujours être d’améliorer votre vitesse réelle, et non votre note «PageSpeed».

Instructions d’utilisation de PageSpeed

  • Ne faites pas aveuglément confiance à Google PageSpeed ​​ou ne le prenez pas à la lettre.
  • Lisez toujours attentivement les recommandations et évaluez si elles sont possibles et valent la peine. Si cela vous demande de faire quelque chose d’impossible, vous devriez l’ignorer!
  • N’oubliez pas de toujours vous concentrer sur la vitesse et ne vous inquiétez pas de la poursuite d’une note.
  • Utilisez toujours un outil de test de vitesse réel tel que Pingdom pour connaître l’impact de toute modification apportée à votre site.

À lire

Comment mesurer correctement le temps de chargement d’une page sur votre site Web