Tester et améliorer la vitesse de son site avec PageSpeed Insights

01Lancer le test

PageSpeed Insights est un outil gratuit de Google, accessible à l'adresse pagespeed.web.dev. Il analyse une page précise, pas tout le site : testez au minimum votre page d'accueil, une page de collection et une fiche produit, car elles n'ont pas le même poids.

1. Ouvrez pagespeed.web.dev dans votre navigateur.
2. Collez l'adresse complète de la page à tester dans le champ prévu.
3. Cliquez sur Analyser et patientez une trentaine de secondes.
4. Regardez d'abord l'onglet Mobile, affiché par défaut : c'est celui qui compte le plus.
5. Passez ensuite sur l'onglet Ordinateur pour comparer.
6. Notez les résultats dans un tableau avec la date du test.

02Lire les deux parties du rapport

Le rapport se divise en deux blocs. Le premier, Découvrez l'expérience de vos utilisateurs réels, s'appuie sur les données de vrais visiteurs utilisant Chrome au cours des 28 derniers jours. Il n'apparaît que si votre site reçoit assez de trafic. C'est le bloc le plus fiable.

Le second, Diagnostiquer les problèmes de performances, est un test en laboratoire réalisé à l'instant, sur un téléphone simulé avec une connexion moyenne. Il donne la fameuse note sur 100 et la liste des pistes d'amélioration.

03Cause n° 1 : des images trop lourdes

C'est de loin la cause la plus fréquente. Une bannière de 5 Mo sortie directement d'un appareil photo, ou un carrousel de six images en pleine résolution, suffit à ralentir toute la page d'accueil.

Dans le rapport, cherchez les recommandations qui parlent d'images : dimensionnement, formats modernes, compression. Elles indiquent les fichiers concernés et le gain possible.

1. Repérez les images citées dans la partie diagnostic du rapport.
2. Réduisez-les à une taille raisonnable (environ 2400 px de large pour une bannière, 2048 px pour un produit).
3. Compressez-les en JPEG ou WebP avant de les renvoyer sur le site.
4. Remplacez les anciennes images, puis relancez le test.

04Cause n° 2 : trop d'applications ou d'extensions

Chaque application Shopify ou extension WordPress peut ajouter du code chargé sur toutes les pages : fenêtre d'inscription, widget d'avis, chat, compte à rebours, traduction. Prises une à une, elles semblent légères. Accumulées, elles alourdissent fortement le site.

Sur Shopify, certaines anciennes applications laissent même du code dans le thème après leur désinstallation. Sur WordPress, une extension inactive ne ralentit pas le site, mais elle reste une faille de sécurité potentielle si elle n'est plus mise à jour.

1. Listez toutes vos applications ou extensions et leur utilité réelle.
2. Supprimez celles que vous n'utilisez plus.
3. Pour les autres, demandez-vous si une fonction native du thème ne fait pas la même chose.
4. Relancez le test après chaque suppression pour mesurer le gain.

05Les autres causes fréquentes

Une vidéo en arrière-plan sur la page d'accueil pèse souvent plus lourd que tout le reste de la page. Remplacez-la par une image sur mobile, ou par une vidéo très courte et compressée.

Sur WordPress, l'hébergement et l'absence de cache jouent beaucoup : un hébergement bas de gamme ou un site sans système de cache répond lentement, même avec des images légères. Ces réglages relèvent généralement de votre prestataire. Sur Shopify, l'hébergement est géré par la plateforme : concentrez-vous sur les images, les applications et le thème.

06Quand passer la main

Si le score reste dans le rouge après avoir allégé les images et supprimé les applications inutiles, le problème vient souvent du thème lui-même, de code ajouté au fil des années ou de l'hébergement. Ces chantiers demandent un développeur.

Transmettez-lui l'adresse des pages testées et une capture des résultats mobile : il gagnera du temps sur le diagnostic.

?Questions fréquentes