Un site Shopify lent, c'est un problème business concret. Pas juste une question de confort utilisateur : chaque seconde supplémentaire de chargement diminue le taux de conversion. Des études récurrentes sur le e-commerce montrent qu'un délai d'une seconde sur le temps de chargement mobile peut réduire les conversions de 20 % ou plus. Sur une boutique qui génère 5 000 euros de chiffre d'affaires mensuel, c'est une perte potentielle de 1 000 euros par mois pour une seconde de trop.
Shopify est une plateforme solide et l'infrastructure de base est bien optimisée. Mais Shopify est aussi un écosystème ouvert : des thèmes lourds, des apps qui s'accumulent, des images non optimisées, des scripts tiers mal intégrés peuvent transformer une boutique rapide en une boutique qui rame. Ces problèmes viennent rarement de Shopify lui-même, mais de ce qu'on y a ajouté.
Cet article identifie les causes les plus fréquentes d'un Shopify lent et ce que vous pouvez faire concrètement pour y remédier, en distinguant ce qui est accessible sans développeur et ce qui nécessite une intervention technique.
Mesurer avant de corriger
Avant d'intervenir, il faut savoir où on en est. Deux outils suffisent pour un premier diagnostic.
PageSpeed Insights (pagespeed.web.dev) analyse votre page d'accueil et vos pages produits sur desktop et mobile, et donne un score de 0 à 100 sur quatre métriques : Performance, Accessibilité, Bonnes pratiques, SEO. C'est le score Performance qui compte ici. En dessous de 50 sur mobile, il y a un problème sérieux. Entre 50 et 70, des marges d'amélioration importantes. Au-dessus de 80, vous êtes dans une zone correcte.
PageSpeed indique aussi quels éléments pénalisent le plus votre score : images non optimisées, scripts bloquants, ressources inutilisées, temps de réponse serveur. C'est une feuille de route directe.
GTmetrix (gtmetrix.com) donne une analyse complémentaire avec une vue chronologique du chargement page par page et identifie les ressources les plus lourdes. Utile pour voir exactement ce qui charge en premier et ce qui retarde l'affichage.
Testez systématiquement sur mobile : c'est là que les problèmes de performance sont les plus visibles et les plus impactants pour le commerce en ligne.
Les causes les plus fréquentes
Les apps Shopify qui chargent du code sur toutes les pages
C'est la première cause de ralentissement sur les boutiques Shopify établies. Chaque app installée dans votre back-office peut injecter du code JavaScript ou CSS sur vos pages, même quand elle n'est pas utilisée sur cette page en particulier. Une app de chat support, une app de pop-up de bienvenue, une app de compte à rebours, une app de programme de fidélité, une app d'avis clients, une app de personnalisation de produit : chacune ajoute quelques centaines de millisecondes de chargement.
Individuellement, l'impact est faible. Cumulé sur dix apps actives, c'est souvent 2 à 4 secondes de chargement supplémentaire sur mobile.
Le premier réflexe : aller dans l'admin Shopify et lister toutes les apps installées. Désinstallez celles que vous n'utilisez plus ou rarement. Attention : désactiver une app depuis son tableau de bord ne supprime pas forcément son code de vos pages. Il faut la désinstaller complètement depuis l'admin Shopify pour s'assurer que son code est retiré.
Pour les apps que vous gardez, vérifiez si elles ont une option pour limiter leur chargement à certaines pages uniquement. Une app de pop-up n'a pas besoin de charger du code sur la page de confirmation de commande.
Les images non optimisées
C'est la deuxième cause la plus fréquente. Des images produits chargées directement depuis un appareil photo ou un smartphone sans redimensionnement préalable peuvent peser 3 à 8 Mo chacune. Sur une page produit avec une galerie de six photos, ça représente potentiellement 50 Mo à charger pour afficher une page.
Shopify optimise automatiquement les images dans une certaine mesure, mais il ne peut pas compenser des images de départ extrêmement lourdes. La bonne pratique : redimensionner les images à la résolution maximale nécessaire avant de les charger (2048 pixels de large suffit pour la très grande majorité des usages), et les compresser avec un outil comme Squoosh, TinyPNG, ou ImageOptim sans perte visible de qualité.
Le format WebP est préférable au JPEG ou PNG pour les images produits : il offre une meilleure compression à qualité visuelle égale. Shopify supporte nativement le WebP depuis 2020.
Le thème Shopify trop lourd
Les thèmes Shopify varient beaucoup en termes de performance. Certains thèmes premium, surtout ceux avec de nombreuses options de personnalisation, chargent des dizaines de fichiers JavaScript et CSS même quand leurs fonctionnalités ne sont pas utilisées. Un thème avec un constructeur de page intégré, des animations avancées, et un configurateur de produit visuel peut peser deux à trois fois plus lourd qu'un thème minimaliste.
Si votre thème actuel a un score PageSpeed mobile inférieur à 40 et que vous n'avez pas beaucoup d'apps installées, le thème lui-même est probablement en cause.
Ce qui est faisable sans développeur : dans les paramètres du thème, désactivez les fonctionnalités que vous n'utilisez pas (animations, sections inutilisées, fonctionnalités avancées). Sur certains thèmes, ça réduit significativement le code chargé.
Ce qui nécessite un développeur : modifier le code du thème pour supprimer des ressources inutilisées, optimiser l'ordre de chargement des scripts, ou remplacer des sections lourdes par des versions allégées.
Dans les cas extrêmes où le thème est structurellement trop lourd pour être optimisé, changer de thème est la solution la plus efficace. Les thèmes Dawn (thème officiel Shopify, gratuit) et ses dérivés sont construits sur des bases performantes.
Les scripts tiers mal intégrés
Google Analytics, Facebook Pixel, TikTok Pixel, outils de heatmap, scripts de chat en direct, outils de personnalisation : chaque script tiers chargé sur vos pages a un impact sur les performances. Le problème est double : le script lui-même prend du temps à charger, et s'il est bloquant (c'est-à-dire que le navigateur attend qu'il soit chargé avant d'afficher la page), il retarde l'ensemble de l'affichage.
La bonne pratique : centraliser la gestion des scripts via Google Tag Manager plutôt que d'injecter chaque script directement dans le code du thème. GTM permet de charger les scripts de façon asynchrone et de mieux contrôler quand et comment ils se déclenchent.
Vérifiez aussi que vous n'avez pas plusieurs fois le même script : il n'est pas rare de trouver Google Analytics installé à la fois dans le thème et via une app Shopify, ce qui le charge deux fois.
Le render-blocking : ce qui bloque l'affichage
Le render-blocking, c'est quand des fichiers CSS ou JavaScript doivent être entièrement chargés avant que le navigateur puisse afficher quoi que ce soit sur la page. Sur un Shopify avec de nombreuses apps, ce problème est fréquent.
PageSpeed Insights identifie les ressources render-blocking dans son rapport. La correction nécessite généralement une intervention développeur : charger certains scripts en différé (defer ou async), inliner le CSS critique nécessaire à l'affichage initial, et reporter le chargement des ressources non essentielles.
C'est techniquement plus complexe que les autres optimisations, mais c'est souvent ce qui fait passer un score PageSpeed de 55 à 80.
Ce que vous pouvez faire seul
Sans compétences techniques, plusieurs actions sont accessibles et peuvent avoir un impact significatif.
Audit des apps. Listez toutes les apps installées, identifiez celles qui ne sont plus utilisées, et désinstallez-les complètement. C'est souvent la correction la plus rapide et la plus efficace.
Optimisation des images. Redimensionnez et compressez vos images produits avant de les charger. Pour les images déjà en ligne, certaines apps Shopify comme Crush.pics ou TinyIMG automatisent cette optimisation sur l'ensemble du catalogue.
Désactivation des fonctionnalités inutilisées dans le thème. Allez dans les paramètres de personnalisation de votre thème et désactivez les sections, animations et fonctionnalités que vous n'utilisez pas.
Vérification des scripts dupliqués. Cherchez dans votre thème (Boutique en ligne > Thèmes > Modifier le code) si des scripts sont ajoutés directement, et comparez avec les apps installées pour identifier les doublons.
Ce qui nécessite un développeur
Certaines optimisations dépassent ce qu'on peut faire depuis l'interface Shopify sans toucher au code.
La suppression du code résiduel des apps désinstallées. Quand une app est désinstallée, Shopify supprime son accès mais pas toujours le code qu'elle a injecté dans le thème. Ce code mort continue de se charger sur chaque page. Un développeur peut auditer le code du thème et supprimer ces résidus.
L'optimisation du chargement des scripts. Passer les scripts en mode asynchrone, différer les scripts non critiques, inliner le CSS critique : ces interventions demandent de modifier le code du thème et de comprendre l'ordre de chargement des ressources.
La refonte des sections lourdes. Remplacer un slider d'images animé par une version statique plus légère, optimiser une section de page qui charge trop de ressources, restructurer le code d'une section mal écrite : interventions de développement Liquid (le langage de template Shopify).
L'audit et le nettoyage complet du thème. Sur des boutiques avec plusieurs années d'historique et de nombreuses modifications successives, un audit de code complet permet d'identifier l'ensemble des problèmes de performance et de les corriger systématiquement.
Les délais et résultats attendus
Les optimisations sans développeur (apps, images, désactivation de fonctionnalités) ont un effet quasi immédiat : en relançant PageSpeed Insights après ces corrections, le score s'améliore souvent de 10 à 20 points.
Les optimisations techniques (code, scripts, thème) demandent quelques jours de travail de développeur et peuvent faire gagner 20 à 30 points supplémentaires.
Un Shopify correctement optimisé atteint des scores PageSpeed mobile entre 70 et 90 selon la complexité du thème et le nombre d'apps indispensables. Dépasser 90 sur mobile est possible mais demande généralement de renoncer à certaines fonctionnalités ou apps qui ont un vrai rôle commercial : ce n'est pas toujours le bon arbitrage.
L'objectif n'est pas le score parfait mais le meilleur équilibre entre performance et fonctionnalités utiles à votre boutique.
Ce qu'on retient
Les causes les plus fréquentes d'un Shopify lent : des apps qui s'accumulent et chargent du code inutile, des images non optimisées, un thème trop lourd, et des scripts tiers mal gérés. Ces problèmes ne viennent pas de Shopify mais de ce qu'on y a ajouté.
Ce que vous pouvez faire seul : auditer et désinstaller les apps inutilisées, optimiser les images, désactiver les fonctionnalités de thème non utilisées. Ce qui nécessite un développeur : supprimer le code résiduel des apps, optimiser le chargement des scripts, réécrire les sections lourdes.
Commencez par PageSpeed Insights pour mesurer, identifiez les problèmes prioritaires, et traitez-les dans l'ordre de leur impact. C'est plus rapide et moins coûteux que vous ne le pensez, et les effets sur la conversion sont mesurables.
Voir aussi :
