Performances web de votre PrestaShop : bien comprendre Google PageSpeed Insights

PageSpeed Insights est un outil développé par Google pour tester et améliorer la performance des sites Web. Conçu en grande partie à partir de l’extension SEO LightHouse, il évalue notamment la vitesse de chargement de vos pages et fournit des recommandations d’optimisation.

Pour l’utiliser, rien de plus simple ! Il vous suffit de renseigner l’URL de votre site sur https://pagespeed.web.dev puis de cliquer sur “Analyser”.

Attention, cependant, PageSpeed Insights n’est pas un outil “magique” !
Voici 3 recommandations à garder en tête lorsque vous l’utilisez :

• Ne vous limitez pas simplement à la note générale, mais considérez et comprenez chacune des métriques analysées.
• PageSpeed Insights est un outil généraliste. Certaines suggestions ne sont pas ou difficilement réalisables sous PrestaShop.
• Retenez aussi que la notation mobile est extrêmement sévère et qu’une note de 50 % est déjà très bonne !

On fait le point dans cet article sur les différentes fonctionnalités de PageSpeed Insights et les méthodes de calcul des différentes métriques. Et pour vous permettre une utilisation optimale de l’outil, on vous livre également en bonus des tips et conseils pratiques.

Sommaire Découvrez l’expérience de vos utilisateurs Analysez les problèmes de performances Opportunités et diagnostic

Découvrez l’expérience de vos utilisateurs

La toute première section de Google PageSpeed Insights remonte les données relatives à l’expérience des utilisateurs. Il s’agit des données réelles, récoltées auprès des internautes, selon la méthode du “75ème percentile”. Concrètement, cela signifie que les données ne prennent pas en compte les 25 % meilleures statistiques récoltées.

Les données sont par ailleurs lissées sur 28 jours. Lorsque vous effectuez une modification sur votre site, ne vous attendez donc pas à voir ces métriques évoluer immédiatement.

6 métriques sont abordées dans cette section. Il s’agit des signaux Web essentiels (dont on vous parle plus en détail dans notre article de blog dédié).

Information importante : 

Ce sélecteur  

permet de passer d’une vue précise de l’URL saisie à une moyenne sur l’intégralité du site.
Lorsque vous saisissez l’URL principale de votre boutique, vous voyez par défaut uniquement les données liées à votre page d’accueil. Gardez en tête que cette URL n’est pourtant qu’une seule URL face aux dizaines voire centaines de pages produits et catégories qui composent votre catalogue.
Notre conseil : si vous cherchez à optimiser les performances de votre site dans sa globalité, mieux vaut cibler spécifiquement vos pages produits et catégories.

Astuce : 

Pour chacune des métriques, vous avez la possibilité d’obtenir le détail du calcul. Pour cela, cliquez sur “Développer la vue” : 

Analysez les problèmes de performances

Cette deuxième section met un peu plus de temps à se charger car il s’agit des données du test à l’instant T, et non des données précédemment récoltées auprès des utilisateurs.

À noter :
Les données remontant dans cette section sont uniquement liées à l’URL saisie.

La note “Performances” est déterminée en fonction des 5 métriques listées dans la rubrique “Statistiques”, et en aucun cas rattachée à d’autres critères (qui peuvent cependant influer de manière indirecte sur ces métriques).

Lorsque vous cliquez sur “Affichez la calculatrice”

vous accédez à la visualisation proportionnelle de l’influence de chacune des métriques sur la note :

Vous pouvez ici jouer sur ces métriques pour voir leur impact sur la note en les améliorant ou en les baissant grâce aux tirettes.

Information importante : 
On vous le disait en introduction : la notation mobile est extrêmement sévère. La raison en est la suivante. Elle se base sur un test :

• avec un processeur de téléphone Motorola, bridé par 4 (c’est-à-dire que sa puissance réelle est divisée par 4),
• avec une connexion 4G lente,
• sans cache constitué.

Ces critères sont récapitulés en dessous des métriques :

Notre avis : ce test ne reflète en aucun cas la réalité des expériences utilisateurs (pour cela, consultez la section “Découvrez l’expérience de vos utilisateurs”) et les notes attribuées sont systématiquement faibles. Une note de 50 sur 100 représente ainsi une note très correcte pour une boutique en ligne.

Opportunités et diagnostic

Cette troisième section liste les préconisations basées sur les audits de l’outil LightHouse. Elle n’influe qu’indirectement sur les notations.

Certaines recommandations sont :

a) applicables → C’est le cas, par exemple, de la mise en place du format WebP pour lequel de nombreux modules PrestaShop existent.

b) non applicables → C’est le cas, par exemple, de la recommandation “Réduire l’impact du code tiers”. Il peut s’avérer que Google Analytics remonte comme un critère avec impact négatif. Or, aucune action ne peut être mise en place car il s’agit d’un service externe.

c) applicables mais avec des temps de travail considérables pour des gains minimes → Cela peut être le cas de la réduction des ressources CSS inutilisées.

d) fournies à titre informatif → Comme par exemple l’identification de votre objet considéré comme le LCP (le plus grand élément de votre page).

Notre conseil : Il convient de considérer et d’analyser ces recommandations une par une, et non de définir un objectif tel qu’obtenir “plus aucune recommandation” – qui serait d’ailleurs difficilement réalisable.

Conclusion

Google PageSpeed Insights est un outil attractif et simple lorsqu’il s’agit de tester les performances de votre site. Il affiche en un clic une note globale et différentes métriques pertinentes.

Cependant, il est essentiel de comprendre les subtilités de cet outil :

• Test et mesures sur une URL vs sur tout le site
• Données d’internautes vs données d’un test
• Critères de test sur mobile très (voire trop) sévère
• etc.

Et si votre objectif est d’améliorer le référencement de votre site via l’optimisation des signaux Web essentiels, notez que la Google Search Console sera sans aucun doute plus appropriée. Elle fournit des données plus précises en termes d’URLs et comporte un suivi temporel approfondi à travers de nombreux graphiques.