Studio · Shopify · Performance

Boutique Shopify performante —
ce qui ralentit vraiment.

Shopify a un CDN mondial et une infrastructure solide. La plupart des boutiques lentes ne souffrent pas de l'infrastructure — elles souffrent de leur thème, de leurs apps et de leurs images. Voilà où chercher.

Les vraies causes d'une boutique lente

Le poids des scripts d'apps

Chaque app Shopify installée peut injecter un ou plusieurs scripts sur toutes vos pages. Avis clients, programme de fidélité, chatbot, size guide, popup email — chacun ajoute du JavaScript, souvent chargé de façon synchrone. Une boutique avec 8 apps actives peut facilement charger 600 Ko de scripts tiers avant que votre thème n'ait affiché quoi que ce soit.

L'image LCP non optimisée

Le Largest Contentful Paint — la métrique Google qui mesure quand l'élément principal de la page est visible — est presque toujours l'image hero ou la première photo produit. Si elle est servie en 3000 px de large pour un slot de 600 px, si elle n'est pas préchargée, si elle est lazy-loadée par erreur : c'est votre LCP qui s'effondre.

Le JavaScript du thème inutilisé

Dawn et la plupart des thèmes premium embarquent des composants pour des fonctionnalités que vous n'utilisez peut-être pas — vidéo hero, quick-add modal, recherche prédictive étendue. Le JavaScript de ces fonctionnalités se charge quand même. Il n'existe pas de tree-shaking dans un thème Shopify standard.

Comment diagnostiquer

01

Google PageSpeed Insights sur votre page d'accueil et une fiche produit

Lancez un test sur votre URL réelle — pas localhost, pas une preview. Regardez le score mobile, pas desktop. Le score desktop est toujours flatteur et ne reflète pas l'expérience de la majorité de vos visiteurs. Notez votre LCP, votre TBT (Total Blocking Time) et votre CLS.

02

WebPageTest — onglet Waterfall

Le waterfall montre chaque ressource chargée, dans quel ordre, avec quelle durée. Cherchez les requêtes vers des domaines tiers que vous ne reconnaissez pas — ce sont vos apps. Notez leur taille et si elles bloquent le rendu (positionnées tôt dans la cascade, ligne rouge dans le waterfall).

03

Shopify Speed Report dans l'admin

Disponible sous Boutique en ligne → Thèmes → Score de vitesse. Il donne un score global basé sur des pages réelles. Moins précis que PageSpeed Insights, mais il suit l'évolution dans le temps — utile pour mesurer l'impact d'une suppression d'app ou d'une optimisation de thème.

Ce qu'on peut corriger

01

Audit des apps installées

Je passe en revue chaque app active, son impact mesuré sur les performances, et sa valeur business réelle. La plupart des boutiques ont 2 à 4 apps installées et oubliées qui chargent quand même. Les désinstaller de l'admin Shopify — pas juste désactiver dans le thème — les retire complètement de la cascade.

02

Optimisation de l'image LCP

Ajout d'un <link rel="preload"> dans le theme.liquid, passage de l'image hero en fetchpriority="high", suppression du loading="lazy" s'il est présent sur l'image hero, et vérification que la taille demandée au CDN correspond à la taille affichée.

03

Différer les scripts non critiques

Analytics, chatbot, widget d'avis — ces scripts n'ont pas besoin d'être présents avant que la page soit interactive. On les charge après le DOMContentLoaded ou au premier scroll, ce qui retire leur poids du chemin critique sans affecter leur fonctionnement pour l'utilisateur.

Votre boutique est lente ?

Envoyez-moi l'URL et votre score PageSpeed actuel. Je reviens vers vous avec un diagnostic et les gains atteignables.

Demander un audit performance