Accélérer son site Shopify : ce qui ralentit vraiment et comment y remédier

Un site Shopify qui met 5 secondes à charger sur mobile, c'est une catastrophe silencieuse. Vos visiteurs partent avant même de voir vos produits, et vous pensez que vos publicités ne convertissent pas. La réalité, c'est souvent une histoire de performance.

Une seconde de délai supplémentaire peut réduire vos conversions de 7%. Ce n'est pas une opinion, c'est une mesure documentée. Et Google intègre la vitesse dans son classement depuis 2021 via les Core Web Vitals. Si votre boutique est lente, vous payez deux fois : moins de conversions et moins de trafic organique.

Ce guide vous explique ce qui ralentit réellement un site Shopify, dans quel ordre traiter les problèmes, et ce que vous pouvez faire vous-même sans toucher à du code.

Les Core Web Vitals : ce que Google mesure

Google évalue la performance d'un site selon trois métriques principales, regroupées sous le nom Core Web Vitals :

• LCP (Largest Contentful Paint) : le temps de chargement de l'élément principal visible à l'écran. Objectif : sous 2,5 secondes. C'est généralement votre image hero ou votre photo produit.
• CLS (Cumulative Layout Shift) : mesure le décalage visuel des éléments pendant le chargement. Une image qui "saute" quand elle charge, c'est du CLS. Objectif : sous 0,1.
• INP (Interaction to Next Paint) : le délai entre une action de l'utilisateur (clic, saisie) et la réponse visible. Remplace le FID depuis 2024. Objectif : sous 200ms.

Vous pouvez mesurer ces métriques gratuitement avec Google PageSpeed Insights (cherchez l'outil en ligne) ou via le rapport "Performances" de Google Search Console. Shopify affiche aussi un score de vitesse interne dans Thèmes > Personnaliser, mais il est moins fiable que PageSpeed.

Le score Shopify est indicatif. Google PageSpeed Insights avec une URL réelle de fiche produit, c'est ce qui compte vraiment pour le SEO.

La cause n°1 : les images non optimisées

Si votre boutique est lente et que vous n'avez pas encore optimisé vos images, commencez par là. Les images représentent souvent 60 à 80% du poids d'une page.

Les erreurs courantes :

Mettre une photo de 4 Mo directement sur Shopify. Même si Shopify redimensionne automatiquement les images dans certains contextes, une image source de 4 Mo ralentit le chargement initial.

Utiliser du JPEG ou PNG au lieu de WebP. Le format WebP offre une qualité similaire pour un poids 25 à 35% inférieur. Shopify génère des versions WebP automatiquement si votre thème le supporte — ce qui est le cas des thèmes 2.0 comme Dawn.

Ne pas définir de dimensions fixes pour les images. Si votre image n'a pas de dimensions déclarées dans le HTML, le navigateur ne sait pas combien de place lui réserver pendant le chargement, ce qui génère du CLS (décalage visuel).

Ce que vous pouvez faire

1. Compressez vos images avant de les uploader : utilisez un outil comme Squoosh ou TinyPNG pour réduire le poids sans perte visible. Visez moins de 200 Ko pour les images produit, moins de 150 Ko pour les images secondaires.
2. Passez en WebP si votre thème ne le fait pas automatiquement.
3. Supprimez les images inutilisées dans votre médiathèque Shopify : elles ne ralentissent pas le front-end directement, mais c'est une bonne hygiène.
4. Ajoutez des dimensions width/height sur votre image hero si vous avez accès au thème.

La cause n°2 : les applications qui surchargent votre boutique

Chaque application installée sur Shopify peut injecter du JavaScript ou des CSS supplémentaires qui se chargent sur chaque page. Une application mal codée peut peser autant qu'une dizaine d'applications légères.

Le problème, c'est que beaucoup de marchands accumulent les applications au fil du temps : une pour les avis clients, une pour les pop-ups, une pour l'urgency timer, une pour les recommandations produits, une pour le chat, une pour les badges de confiance... Chacune ajoute quelques dizaines de millisecondes.

Audit de vos applications

Pour savoir quelles applications ralentissent votre boutique :

1. Allez dans Google PageSpeed Insights avec l'URL de votre page d'accueil et d'une fiche produit
2. Regardez la section "Réduire le JavaScript inutilisé" dans le rapport
3. Identifiez les scripts tiers (souvent avec des noms de domaines d'apps Shopify)

Les apps les plus gourmandes en performance sont souvent :

• Les chats en live (Tidio, Gorgias...)
• Les outils de push notification
• Les outils de personnalisation et A/B testing
• Les widgets de réseaux sociaux

Ce n'est pas une raison de les supprimer toutes, mais de se demander : est-ce que cette app génère plus de valeur qu'elle ne coûte en performance ? Si votre chat live est utilisé 2 fois par semaine et ralentit chaque page de 0,8 seconde, la question mérite d'être posée.

Applications de gestion de la vitesse

Il existe des applications Shopify spécialisées dans l'optimisation de la performance (Page Speed Extreme, Superspeed...). Elles fonctionnent en différant le chargement des scripts non critiques et en préchargeant les pages. Elles peuvent apporter 10 à 30 points sur PageSpeed dans certains cas. Elles ne font pas de miracles si vos images pèsent 5 Mo ou si vous avez 15 apps lourdes.

La cause n°3 : votre thème

Votre thème a un impact majeur sur la performance. Les thèmes 2.0 de Shopify (Dawn, Refresh, Sense, Crave, etc.) sont construits avec des standards modernes et obtiennent généralement de bons scores de performance. Les thèmes premium anciens ou très personnalisés peuvent être un vrai frein.

Comment savoir si votre thème est le problème : supprimez temporairement toutes vos applications et testez PageSpeed. Si le score est encore faible (sous 40 sur mobile), le thème est probablement en cause.

Dawn, le thème gratuit officiel de Shopify, est régulièrement cité comme référence en matière de performance. Il n'est pas le plus joli, mais si votre boutique actuelle est sur un thème lourd sans grosses ventes, migrer vers Dawn peut faire une différence significative.

Les customisations de thème peuvent aussi introduire des problèmes : des polices Google Fonts chargées par 4 variantes, des animations CSS lourdes, des sliders qui chargent 20 images en cache...

Ce que vous pouvez vérifier sans coder

Dans Boutique en ligne > Thèmes > Votre thème actif :

• Supprimez les sections inutilisées sur votre page d'accueil (chaque section peut charger ses scripts)
• Réduisez le nombre de produits affichés dans les carrousels (6 produits au lieu de 12, ça change)
• Désactivez les animations si votre thème le permet, surtout sur mobile

La cause n°4 : les polices personnalisées et les ressources tierces

Chaque police externe chargée depuis Google Fonts ou Adobe Typekit est une requête réseau supplémentaire. Si vous chargez 4 familles de polices en 6 graisses différentes, ça se voit dans le temps de chargement.

Ce que vous pouvez faire : limitez à 2 familles de polices maximum, et idéalement à 2-3 graisses chacune. Si votre thème charge des polices inutilisées, un développeur peut supprimer les imports non nécessaires en 15 minutes.

Les intégrations tierces (YouTube embeds, Google Maps, Instagram feeds...) peuvent aussi bloquer le rendu. La bonne pratique est de les charger en différé (lazy loading) plutôt qu'au chargement initial.

Priorité mobile

Plus de 60% du trafic e-commerce vient du mobile. Or, les scores de performance mobile sont systématiquement plus bas que les scores desktop — sur Shopify comme ailleurs. Google index prioritairement la version mobile de votre site.

Quand vous testez sur PageSpeed Insights, regardez en priorité le score mobile. Si vous avez 85 en desktop et 35 en mobile, c'est le mobile qu'il faut corriger.

Les erreurs typiques côté mobile :

• Images non redimensionnées pour les petits écrans (charger une image de 1920px sur un téléphone de 390px de large)
• Boutons "Ajouter au panier" trop petits ou trop proches d'autres éléments (impact sur INP)
• Police trop petite qui nécessite un zoom (génère du CLS)

Par où commencer : le plan d'action concret

Si vous ne savez pas par où attaquer :

1. Mesurez d'abord : testez votre page d'accueil ET une fiche produit sur PageSpeed Insights. Notez vos scores mobile.
2. Optimisez vos images : téléchargez vos 5 images les plus lourdes, compressez-les et ré-uploadez. C'est rapide et l'impact est souvent immédiat.
3. Auditez vos apps : désactivez temporairement les apps une par une et retestez. Identifiez les deux plus lourdes.
4. Évaluez votre thème : si vous êtes sous 50 de score mobile après l'optimisation des images, c'est peut-être le thème.
5. Mesurez à nouveau : ne faites pas plusieurs changements en même temps. Testez après chaque modification pour mesurer l'impact réel.

FAQ

Mon score Shopify est de 78 mais PageSpeed me donne 35, lequel croire ?

Google PageSpeed Insights. Le score Shopify interne est une mesure synthétique qui ne reflète pas exactement ce que Google voit. Pour le SEO et les conversions, c'est le score PageSpeed qui compte.

Faut-il payer une application pour accélérer Shopify ?

Pas nécessairement. Les applications de performance peuvent aider sur les optimisations JavaScript, mais elles ne corrigent pas les problèmes d'images lourdes ou de thème mal codé. Commencez par les actions gratuites.

Mon thème coûte 300€ et il est lent. Je dois en changer ?

Pas forcément. Un développeur Shopify peut souvent optimiser un thème existant (suppression de scripts inutiles, lazy loading des images...) pour moins cher qu'un changement complet. Un audit de 2-3 heures peut suffire.

Une application d'avis clients comme Loox ralentit-elle vraiment mon site ?

Oui, légèrement. La plupart des applications d'avis chargent du JavaScript externe. L'impact est généralement de 50 à 200ms selon la configuration. C'est gérable si par ailleurs votre boutique est optimisée.

Combien de temps pour voir l'effet des optimisations sur le SEO ?

Google recalcule les Core Web Vitals des pages sur plusieurs semaines via les données Chrome User Experience Report (CrUX). Ne vous attendez pas à un effet immédiat. Les améliorations SEO issues de l'optimisation de la vitesse se voient généralement sur 4 à 8 semaines.