Une boutique lente perd des ventes avant même que le visiteur ait vu un produit. Sur mobile, où se concentre la majorité du trafic e-commerce, chaque seconde d’attente supplémentaire dégrade le taux de conversion. La bonne nouvelle : sur Shopify, les causes de lenteur sont peu nombreuses et récurrentes.
Mesurer avant d’agir
Ne vous fiez pas au score global affiché dans l’administration Shopify : c’est un indicateur de laboratoire, mesuré dans des conditions qui ne sont pas celles de vos clients. Utilisez plutôt les données réelles de la Search Console, complétées par PageSpeed Insights sur vos trois gabarits principaux — accueil, collection, produit.
Trois indicateurs comptent. Le LCP mesure le temps d’affichage du plus gros élément visible : c’est la perception de vitesse par l’utilisateur. L’INP mesure la réactivité aux interactions. Le CLS mesure la stabilité visuelle — les éléments qui bougent pendant le chargement.
Les applications : première cause de lenteur
C’est de loin le principal responsable. Chaque application installée injecte généralement son propre JavaScript sur l’ensemble des pages, qu’elle y soit utile ou non. Un avis client, un pop-up de réduction, un chat, un outil d’analyse, un sélecteur de devises : cinq applications suffisent à alourdir considérablement chaque page.
La méthode est simple mais demande de la rigueur :
- Listez toutes les applications installées et leur coût mensuel.
- Pour chacune, identifiez qui l’utilise et ce qu’elle rapporte concrètement.
- Désinstallez celles qui ne servent plus, puis vérifiez le thème : une désinstallation laisse souvent des scripts résiduels.
- Pour celles que vous gardez, vérifiez si leur code peut être chargé uniquement sur les pages concernées.
Certaines fonctionnalités couvertes par des applications peuvent être développées directement dans le thème : vous supprimez alors à la fois un abonnement mensuel et une charge de chargement.
Les images
Shopify sert vos images via son CDN et gère les formats modernes, mais uniquement si votre thème le demande correctement. Les points à vérifier :
- Des tailles adaptées : une image de 3000 pixels de large affichée dans une vignette de 400 pixels gaspille de la bande passante.
- Des attributs
widthetheightexplicites, qui évitent les décalages de mise en page. - Le chargement différé (
loading="lazy") sur les images situées sous la ligne de flottaison — et jamais sur l’image principale visible immédiatement, sous peine de dégrader le LCP. - Une bannière d’accueil préchargée si elle constitue l’élément LCP.
Le thème
Les thèmes du marché sont conçus pour convenir à tous les cas d’usage. Ils embarquent donc des fonctionnalités que vous n’utiliserez jamais mais dont le code se charge quand même : diaporamas, mégamenus, comparateurs, animations.
Un audit de thème consiste à identifier ce code inutilisé et à le retirer. Sur un thème très personnalisé et alourdi au fil des années, la reconstruction sur une base propre coûte souvent moins cher que l’accumulation de correctifs successifs.
Les polices
Une police web mal chargée provoque un texte invisible pendant plusieurs centaines de millisecondes, ou un changement brutal de rendu. Limitez-vous à une ou deux familles, chargez seulement les graisses réellement utilisées, appliquez font-display: swap et préconnectez le domaine servant les fichiers. Les polices système, elles, s’affichent instantanément et restent une option parfaitement valable pour une marque au design sobre.
Ce que vous ne contrôlez pas
Certaines choses ne dépendent pas de vous sur Shopify : le code injecté par la plateforme elle-même, le comportement du checkout hors Shopify Plus, ou l’infrastructure serveur. Il est donc normal de ne pas atteindre un score parfait. L’objectif n’est pas le score : c’est un temps d’affichage rapide et stable pour vos clients réels, sur leurs appareils réels.
Besoin d’aide sur ce sujet ?
EcomWhy est une agence Shopify basée en Tunisie. Nous auditons votre boutique et vous disons précisément quoi corriger, dans quel ordre et pourquoi.