Une boutique Shopify lente perd des ventes à chaque seconde de chargement, et Google la fait reculer via les Core Web Vitals. La bonne nouvelle : la majorité des gains ne demandent aucun développeur. Voici 11 optimisations concrètes, de la plus rentable à la plus fine, que vous pouvez appliquer vous-même cette semaine.
Sur une boutique Shopify lente, trois postes expliquent presque tout le retard : les images non compressées, les applications qui chargent leur script sur toutes les pages, et les polices personnalisées. Les traiter dans cet ordre fait gagner l'essentiel sans toucher au code.
Mesurer avant de toucher à quoi que ce soit
Ne devinez pas : mesurez. PageSpeed Insights sur une page produit et sur l'accueil, en regardant les données de terrain (LCP, INP, CLS réels) plutôt que le seul score de laboratoire. Notez vos chiffres de départ : sans point de référence, impossible de savoir si une optimisation a servi. Refaites la mesure après chaque changement important.
Les images : 80 % du gain
C'est presque toujours le premier coupable. Les réflexes : exporter en WebP (Shopify le sert automatiquement dans la plupart des thèmes récents), ne jamais charger une image de 3000 px pour l'afficher en 600, compresser avant l'upload, et activer le chargement différé (lazy loading) sur tout ce qui est sous la ligne de flottaison. Une seule image de hero non compressée peut plomber le LCP à elle seule.
Les apps qui plombent tout
Chaque app installe ses scripts, souvent sur TOUTES les pages, même là où elle ne sert pas. Faites l'inventaire : désinstallez celles que vous n'utilisez plus (et vérifiez qu'elles ont bien retiré leur code du thème), et remettez en question celles qui doublonnent une fonction native du thème. Trois apps de trop peuvent coûter plus cher en vitesse qu'elles ne rapportent en fonctionnalités.
Les 11 optimisations, classées par rentabilité
Voici la liste complète, dans l'ordre où nous la déroulons sur une boutique. Les cinq premières règlent la majorité des cas.
| Optimisation | Temps | Gain typique |
|---|---|---|
| Compresser l'image du bandeau d'accueil | 15 min | Fort sur le LCP |
| Désinstaller les applications inutilisées | 1 h | Fort, sur toutes les pages |
| Limiter à deux graisses de police | 30 min | Moyen à fort |
| Déclarer largeur et hauteur des images | 30 min | Fort sur le CLS |
| Charger les images hors écran en différé | 30 min | Moyen |
| Réduire le nombre de produits par page | 10 min | Moyen sur les collections |
| Retirer les carrousels d'accueil | 1 h | Moyen, et bon pour la conversion |
| Différer les scripts tiers non critiques | 1 h | Moyen sur l'INP |
| Supprimer les vidéos en lecture automatique | 15 min | Fort si présentes |
| Nettoyer le code laissé par d'anciennes apps | 1 à 2 h | Variable, souvent sous-estimé |
| Changer de thème | Plusieurs jours | Décisif quand le thème est en cause |
Pourquoi le score de laboratoire vous ment
PageSpeed Insights affiche deux blocs, et la plupart des gens regardent le mauvais. Le score sur cent en haut de page est une simulation, réalisée sur un appareil et une connexion théoriques. Il varie de dix points d'un test à l'autre sur la même page, sans que rien n'ait changé.
Ce qui compte est le bloc du dessus intitulé « données d'expérience utilisateur réelles » : il agrège les mesures des visiteurs qui sont réellement passés sur votre site au cours des 28 derniers jours. C'est cette source que Google utilise, et elle met donc quatre semaines à refléter vos corrections.
La conséquence pratique : ne jugez pas une optimisation le lendemain. Corrigez, notez la date, et revenez un mois plus tard. Entre les deux, le score de laboratoire sert seulement à vérifier que vous n'avez rien cassé.
Polices et scripts
Limitez-vous à deux polices, deux graisses chacune : chaque variante est un fichier à télécharger. Préférez les polices système ou hébergées localement plutôt qu'un appel externe qui bloque l'affichage. Côté scripts, tout ce qui n'est pas critique (chat, widgets, pixels secondaires) doit se charger en asynchrone, après le contenu principal.
Quand le thème est le vrai problème
Certains thèmes surchargés d'animations et de fonctionnalités partent avec un handicap qu'aucune optimisation ne rattrape vraiment. Si vous avez compressé les images, nettoyé les apps et que le site reste lent, le thème lui-même est en cause : un thème léger et bien codé change tout. C'est pourquoi nous livrons nos boutiques Shopify pensées pour convertir sur des bases rapides dès le départ.
La vitesse est une fondation, pas une retouche : elle se pense dès la création de boutique Shopify, et c'est un des piliers de notre agence Shopify.
FAQ
Quel score PageSpeed viser sur Shopify ?
Visez le vert sur les données de terrain (LCP sous 2,5 s, INP sous 200 ms) plutôt qu'un score de 100. Shopify ajoute des scripts incompressibles : un bon site mobile tourne souvent autour de 50 à 70 en laboratoire tout en étant rapide pour l'utilisateur.
Les apps de « speed optimization » servent-elles ?
Rarement : elles ajoutent un script pour en gérer d'autres. Mieux vaut réduire à la source (images, apps, thème) que superposer une couche de plus.
La vitesse change-t-elle vraiment les ventes ?
Oui, surtout sur mobile : au-delà de 3 secondes, une part importante des visiteurs abandonne avant même de voir vos produits.
Votre boutique traîne et vous ne savez pas par où commencer ? Demandez votre audit offert : nous mesurons, identifions les vrais goulots et priorisons, sans engagement.