Comment améliorer votre score mobile sur PageSpeed

Le score PageSpeed mobile d'un site web est généralement inférieur au score desktop.

Dans cet article, vous trouverez les raisons qui expliquent ce phénomène, les règlages de WP Rocket qui auront le plus d'impact et vous montre les mesures concrètes à prendre pour optimiser davantage votre site sur mobile.

Les conditions d’utilisation des mobiles

Tout d'abord, il est important de savoir que les conditions d'utilisation des mobiles ne sont pas toujours optimales :

Les appareils ont dès le départ une puissance de traitement inférieure à celle d'un ordinateur
Les connexions Internet peuvent être plus lentes et/ou moins fiables
Selon la localisation de votre visiteur, il se peut qu'il paie un coût élevé pour l'accès à Internet et la bande passante

Tout prend simplement plus de temps sur un mobile. Cela signifie que tout aspect négatif au niveau des performances, qui pourrait ne pas être perceptible sur ordinateur, sera flagrant sur les mobiles.

En ce qui concerne le test PageSpeed pour mobile, il est effectué sur une connexion 4G bridée et sur un appareil de moyenne game. Les conditions sont donc probablement pires que celles que vos utilisateurs connaissent dans la vie réelle.

Comment WP Rocket peut aider ?

WP Rocket accélère la version mobile du site dès son activation grâce à ses fonctionnalités automatiques et ses réglages par défaut, qui incluent la Mise en Cache pour Mobile.

De plus, vous pouvez améliorer encore davantage la qualité mobile en suivant ces recommandations générales :

Vous avez activé les optimisations de WP Rocket.
Il n'y a pas d'utilisation excessive des exclusions.
Le site présente de bonnes performances de base : hébergement, plugins, contenu, etc...

Vous trouverez également plus d'informations dans l'article La note Google Page Speed ne s'améliore pas.

Optimisations supplémentaires

Suivre les recommandations générales ci-dessus devrait suffire à améliorer la note PageSpeed et les Core Web Vitals. Cependant, WP Rocket ne peut pas résoudre toutes les recommandations PageSpeed.

Étant donné que les meilleures pratiques en matière de performances Web sont encore plus cruciales sur les appareils mobiles, voici une série de recommandations et de considérations :

Les pages mobiles doivent être aussi légères que possible pour obtenir un bon score : vous devez être très sélectif dans le choix des fonctionnalités à inclure dans la version mobile de votre site. Il est important de comprendre qu'il y aura un compromis à faire entre le fait d'avoir beaucoup de fonctionnalités interactives riches et celui d'avoir un site rapide. Vous devez essayer de trouver un équilibre.
Réduisez les scripts sur vos pages mobiles : déplacez les éléments comportant beaucoup d'animations ou des scripts lourds vers le bas de votre page afin qu'ils ne ralentissent pas l'affichage initial de la page. Par exemple, si votre site comporte un curseur, envisagez de le charger au milieu de la page plutôt qu'en haut.
Réduisez la taille des pages : visez moins de 1 MB pour vos pages mobiles. Pour ce faire, vous pouvez remplacer les éléments interactifs tels que les curseurs par une image statique, ou les articles/produits présentés sur la page, ou encore le nombre de polices.
Optimisez le format de vos images : utilisez les formats WebP ou AVIF pour vos images. Pour ce faire, vous pouvez utiliser Imagify.
Réduisez le contenu tiers : le contenu hébergé en externe ne peut pas être entièrement optimisé. Réduisez le nombre de publicités et ne les placez pas en haut de la page. Supprimez également les widgets sociaux inutiles tels que les flux Instagram, Facebook ou Twitter.
Gardez à l'esprit que WP Rocket ne peut pas résoudre certains problèmes.