Aller au contenu principal

Boutique Shopify trop lente : pourquoi vos correctifs ne suffisent plus

Vous avez déjà compressé les images, supprimé des apps et changé de thème, et le score PageSpeed reste orange. Pourquoi les correctifs de surface plafonnent, et ce qui règle vraiment le problème.

La réponse en bref

Une boutique Shopify reste lente après compression d'images et suppression d'apps quand le problème vient du thème lui-même : un thème générique charge du code inutilisé sur chaque page, et chaque app ajoute son propre script sans coordination. Mesurez vos Core Web Vitals (LCP, CLS, INP) sur PageSpeed Insights et dans le rapport Search Console pour savoir où se situe le problème. Au-delà d'un certain point, seule une reconstruction du thème en code sur mesure fait baisser durablement le temps de chargement.

Pourquoi ma boutique Shopify reste lente alors que j'ai déjà tout essayé ?

Vous avez compressé les images en WebP, désinstallé les apps qui ne servaient plus, peut-être changé de thème l'an dernier. Le score PageSpeed Insights reste orange sur mobile, parfois rouge. La boutique met encore trois à quatre secondes à s'afficher. Ce n'est pas un problème de discipline : vous avez fait ce que les guides recommandent. C'est un problème de diagnostic, pas d'exécution.

La plupart des conseils qu'on trouve en ligne visent les symptômes visibles (images lourdes, trop d'apps, cache mal réglé), pas la cause quand elle est plus profonde. Sur une boutique retouchée au fil des années par plusieurs prestataires, ces correctifs font gagner quelques dixièmes de seconde et s'arrêtent là : la vitesse reste dans la même fourchette depuis des mois.

Pourquoi les correctifs rapides plafonnent-ils ?

Compresser des images et désinstaller des apps zombies, ça marche, jusqu'à un certain point. Chaque app installée charge son propre script sur toutes les pages, même celles où elle ne sert à rien. Chaque section de thème ajoute sa feuille de style. Chaque script tiers bloque le rendu pendant quelques centaines de millisecondes.

Pris un par un, chaque élément semble anodin. Le problème apparaît à l'accumulation : sur une boutique avec douze à quinze apps actives, le poids devient ingérable, et aucune compression d'image ne le résorbe. Nettoyer les apps réduit une partie du poids réel, mais suppose que le thème sous-jacent, lui, est sain.

Le vrai coupable : le thème générique et l'empilement d'apps, pas vos images

Un thème Shopify, même premium, est conçu pour fonctionner sur des milliers de boutiques différentes, avec des dizaines de réglages activables ou non dans l'éditeur. Cette flexibilité a un coût : du code conditionnel partout, des sections jamais utilisées mais quand même chargées, des feuilles de style qui couvrent des cas d'usage que votre boutique n'aura jamais.

Ajoutez à ce socle une dizaine d'apps payantes, chacune injectant son propre script sans coordination avec les autres, et la boutique télécharge plusieurs mégaoctets de code avant même d'afficher le premier produit. C'est ce qu'on retrouve en auditant une boutique existante : rarement une seule app mal codée ou une image trop lourde, presque toujours une accumulation de couches qui rend chaque correctif isolé insuffisant. Le détail de cette approche est sur /guides/shopify-sans-applications-payantes.

Comment mesurer soi-même la vitesse de sa boutique Shopify ?

Deux outils gratuits suffisent pour un premier diagnostic. PageSpeed Insights teste une page précise (pas seulement la page d'accueil : testez une fiche produit) et donne un score plus trois mesures concrètes. Le rapport Signaux Web essentiels de Search Console montre les données réelles de vos visiteurs, regroupées par statut : bon, à améliorer, médiocre.

Les trois mesures qui comptent s'appellent les Core Web Vitals, un signal de classement Google depuis 2021. Le LCP mesure le temps d'affichage du plus gros élément visible, votre image produit en général. Le CLS mesure les sauts de mise en page quand un bouton se décale juste avant que vous cliquiez. L'INP mesure le délai entre un clic et la réaction de la page.

Les seuils exacts sont publiés par Google sur web.dev, repris dans le tableau ci-dessous. Une boutique dans le orange ou le rouge sur mobile perd des visiteurs avant même qu'un problème visuel ne saute aux yeux : la lenteur se voit d'abord dans le taux de rebond, pas dans le design de la page.

MesureBonÀ améliorerMédiocre
LCP (affichage)≤ 2,5 s2,5 à 4 s> 4 s
INP (réactivité)≤ 200 ms200 à 500 ms> 500 ms
CLS (stabilité visuelle)≤ 0,10,1 à 0,25> 0,25

Ce qu'on peut corriger sans reconstruire toute la boutique

Certains correctifs restent utiles même sur une boutique construite sur un thème générique, et ils ne demandent pas de toucher au code. Voici ceux qui apportent un vrai gain mesurable sans reconstruction, dans l'ordre où on les applique généralement, avant d'envisager quoi que ce soit de plus lourd ou de plus coûteux.

  • Compresser et redimensionner les images à la taille réelle d'affichage. Une photo produit de 4 000 pixels envoyée telle quelle depuis le shooting reste l'amélioration la moins chère à corriger.
  • Supprimer les apps inutilisées et vérifier ce qu'elles laissent derrière elles. Désinstaller une app ne retire pas toujours le code qu'elle a injecté dans le thème.
  • Regrouper les fonctionnalités qui font doublon. Avis, compteur de stock, pop-up : chacune de ces apps charge son script ; en garder une seule qui couvre les trois besoins réduit déjà le poids.
  • Différer le chargement des scripts non essentiels. Chat en direct et pixels publicitaires additionnels peuvent souvent être chargés après l'affichage initial, sans perte fonctionnelle.

Ce qui demande de recoder le thème

Si après ce nettoyage le poids de JavaScript chargé avant l'affichage reste élevé, le thème lui-même est en cause, pas les apps. Un thème générique personnalisé pendant plusieurs années, à coups de sections ajoutées et de réglages jamais retirés, charge du code que votre boutique n'utilise plus mais que l'éditeur garde actif.

La seule façon durable de régler ça, c'est un thème écrit pour une seule boutique, avec le code Liquid qui ne charge que ce dont chaque page a besoin : pas de section fantôme, pas de feuille de style pour une fonctionnalité désactivée, pas de dépendance à une app pour afficher un avis client. Ce n'est pas un choix esthétique, c'est un choix de vitesse.

Ça ne veut pas dire bannir toutes les apps : le paiement ou la logistique n'ont pas d'alternative raisonnable en code sur mesure. La question à se poser app par app est plus fine : quelques dizaines de lignes de code pourraient-elles couvrir cette fonctionnalité sans dépendance externe ? Si oui, chaque app en moins est un gain permanent.

Ce que ça change concrètement : deux boutiques Shopify recodées

Sur Pimo Care, boutique bilingue France/Suisse livrée en six semaines, le LCP mobile a baissé de 1,8 seconde après la refonte : pas un ajustement de réglages, une reconstruction complète des pages produit et collection, pensées pour ne charger que ce qui compte à l'affichage. Le détail est sur /realisations/pimo-care.

Sur Grillé, la boutique tourne aujourd'hui deux fois plus vite qu'avant, et environ 200 € d'abonnements d'apps ont été supprimés en les remplaçant par du code écrit directement dans le thème. Le résultat commercial, ×3 des ventes par rapport à l'ancien site, est détaillé sur /realisations/grille. Deux boutiques, deux points de départ différents, le même principe : la vitesse se construit dans le thème, elle ne s'ajoute pas après coup.

Qu'est-ce qu'il faut faire maintenant ?

Deux chemins s'ouvrent. Le premier : continuer à traiter les symptômes (encore une image compressée, encore une app désinstallée) en acceptant que les gains resteront marginaux si le thème est le vrai problème. Le second : faire auditer le thème et les apps ensemble, pour savoir si une reconstruction en code sur mesure est justifiée.

Les deux options sont légitimes selon l'état réel de votre boutique. Ce qui ne l'est pas, c'est répéter le même correctif de surface pendant six mois en espérant un résultat différent. Chez Sonho, une refonte Shopify sur mesure se situe entre 8 000 et 25 000 € pour un délai de 6 à 10 semaines. Écrivez-nous pour un audit qui vous dira honnêtement d'où vient le problème.

Questions fréquentes

Compresser mes images suffit-il à régler une boutique Shopify lente ?
Ça suffit souvent quand le problème vient réellement d'images trop lourdes : c'est la cause la plus fréquente sur les boutiques récentes. Une photo produit de 4 000 pixels affichée à 800 pixels de large pèse inutilement plusieurs centaines de kilo-octets, et la compresser en WebP reste l'amélioration la moins chère à mettre en place. Mais si votre thème charge du code inutilisé sur chaque page et que votre boutique tourne avec une dizaine d'apps actives, la compression d'image apporte un gain limité, souvent quelques dixièmes de seconde, qui ne résout pas la cause de fond. Le bon réflexe est de mesurer avant de corriger : ouvrez PageSpeed Insights et regardez le poids du JavaScript chargé avant l'affichage du premier produit. S'il reste élevé après ce nettoyage, le problème est structurel, pas visuel, et seule une reconstruction du thème le règle durablement.
Comment savoir si le problème vient du thème ou des apps ?
Ouvrez les outils de développement de Chrome, onglet Réseau, rechargez une fiche produit et regardez le poids total du JavaScript chargé avant l'affichage de la page. Si ce poids reste élevé après avoir désinstallé les apps inutiles, le thème lui-même est probablement en cause : un thème générique, personnalisé pendant plusieurs années par différents prestataires, charge souvent du code pour des sections ou des réglages que votre boutique n'utilise plus. Deuxième vérification simple : comparez le rapport Signaux Web essentiels de Search Console avant et après une désinstallation d'apps. Si le LCP mobile bouge à peine, la cause n'est pas dans les apps retirées. Ces deux mesures, gratuites, donnent en dix minutes une réponse plus fiable qu'un audit générique acheté en ligne, et vous disent s'il faut continuer à nettoyer ou passer à une reconstruction du thème.
Qu'est-ce que le LCP, le CLS et l'INP ?
Ce sont les trois Core Web Vitals, les mesures que Google utilise pour évaluer l'expérience réelle de vos visiteurs, signal de classement depuis 2021. Le LCP (Largest Contentful Paint) mesure le temps d'affichage du plus gros élément visible, votre image produit en général : un bon score est inférieur ou égal à 2,5 secondes. Le CLS (Cumulative Layout Shift) mesure les sauts de mise en page, quand un bouton se décale juste avant que vous cliquiez dessus : un bon score reste sous 0,1. L'INP (Interaction to Next Paint) mesure le délai entre un clic et la réaction visible de la page : un bon score est inférieur ou égal à 200 millisecondes. Les trois se mesurent gratuitement sur PageSpeed Insights ou dans le rapport Signaux Web essentiels de Search Console, avec des données réelles issues de vos visiteurs plutôt qu'un test en laboratoire.
Faut-il supprimer toutes ses apps Shopify pour aller plus vite ?
Non. Certaines apps couvrent des besoins réels sans alternative simple en code sur mesure, comme le paiement ou la logistique : les supprimer casserait plus de choses que ça n'en réglerait. La question à se poser app par app est plus précise : cette fonctionnalité pourrait-elle être couverte par quelques dizaines de lignes de code écrites directement dans le thème, sans dépendance externe ? Un compteur de stock ou un carrousel d'avis simple sont typiquement des fonctionnalités qu'une app entière n'a pas besoin de porter. À l'inverse, un module de paiement fractionné ou un connecteur logistique justifient largement leur script. Le tri se fait donc par fonctionnalité, pas par nombre d'apps installées : une boutique avec cinq apps essentielles bien choisies est plus rapide qu'une boutique avec deux apps si l'une des deux duplique une fonctionnalité que le thème pourrait couvrir seul.
Combien coûte une refonte Shopify pour régler un problème de vitesse structurel ?
Chez Sonho, une refonte Shopify sur mesure se situe entre 8 000 et 25 000 € selon la complexité du catalogue et des fonctionnalités à reprendre, pour un délai moyen de 6 à 10 semaines. Ce chiffrage n'est donné qu'après un appel découverte qui évalue l'état réel du thème et des apps en place : une boutique avec dix apps actives et trois ans de personnalisations n'a pas le même point de départ qu'une boutique récente et bien tenue. Sur Pimo Care, ce type de refonte a fait baisser le LCP mobile de 1,8 seconde. Sur Grillé, la boutique tourne aujourd'hui deux fois plus vite, avec environ 200 € d'abonnements d'apps supprimés en cours de route. Le forfait couvre la reconstruction complète du thème, section par section, pas un simple nettoyage de surface qui repousserait le problème.
Sonho

Un premier appel pour discuter de votre projet, en toute liberté.

Premier appel dédié à comprendre votre projet. Nous vous donnons une fourchette de prix, un délai indicatif et notre avis honnête sur la faisabilité. Si ce n'est pas pour nous, nous vous orientons vers un confrère plus adapté.

Plus de vingt projets livrés, dans les délais à chaque fois.

GrilléBleu Mon JulesYade Paris
+20 marques nous font confiance