Shopify

Consultant web performance expert Shopify

Optimiser la web performance des boutiques Shopify

Shopify est SaaS : pas d'accès serveur, donc pas de tuning backend. L'optimisation se joue sur le thème, les apps et les scripts tiers. J'audite chaque app par son impact réel, je refactor le thème quand nécessaire et je priorise le LCP pour des Core Web Vitals au vert.

100% de clients satisfaits Données 2023-2026 8+ ans XP 35+ clients accompagnés
Voir mes cas clients

Ils me font confiance

CHANEL
DIOR
Decathlon
April Moto
SiriusXM
Make Up Forever
Camif
RIMOWA
Jimmy Fairly
Wecasa
Chronovet
CHANEL
DIOR
Decathlon
April Moto
SiriusXM
Make Up Forever
Camif
RIMOWA
Jimmy Fairly
Wecasa
Chronovet

Les symptômes Shopify qui appellent un audit

Shopify masque le backend mais expose en pleine lumière les conséquences d'un thème lourd et d'un empilement d'apps non maîtrisé.

📱 INP mobile au rouge sur fiche produit ou checkout

Shopify livre un INP rouge dès qu'on dépasse 4-5 apps actives qui injectent du JavaScript. Le main thread sature, chaque interaction se ressent. L'audit apps + defer agressif règle la situation.

🐌 LCP à 4 secondes et plus en mobile

Image héros non-priorisée, format JPEG au lieu de WebP/AVIF, lazy loading mal posé sur l'image LCP. Shopify Image API supporte les formats next-gen mais le thème doit les exploiter.

📦 Bundle JS additionnel au-dessus de 1 MB

Klaviyo + Loox + Recart + Loyalty + chat + analytics : chaque app ajoute son script. Avec un thème commercial type Booster ou Avada Shopify, le poids JS dépasse facilement 2 MB. Audit apps + suppression sélective gagne 50% de poids.

🎨 Thème pré-Online Store 2.0 obsolète

Les thèmes Brooklyn, Debut, Minimal datent de 2017-2018, n'utilisent pas les sections JSON et sont architecturalement obsolètes. Le passage à un thème OS 2.0 lean gagne 30 à 50% sur le poids global.

🛒 Checkout Shopify Plus customisé qui plombe l'INP

Sur Shopify Plus, le checkout est customisable. Les customisations mal codées (validations JS lourdes, scripts tiers injectés) dégradent l'INP. Le profilage Chrome DevTools identifie les Long Tasks à refactorer.

🔁 App utile installée mais chargée partout

Une app review (Loox, Judge.me) est utile sur la fiche produit, inutile sur la home ou le panier. Le chargement conditionnel via Liquid résout le problème en gardant l'app active là où elle sert.

Méthodologie d'optimisation Shopify

4 étapes pour transformer votre performance

1
Étape 1

1. Audit apps + mesure d'impact

Liste des apps actives, mesure du poids JS et de l'impact LCP/INP par app via SpeedCurve LUX ou équivalent. Identification des apps à supprimer, déférer ou remplacer.

2
Étape 2

2. Évaluation du thème actuel

Audit du thème (architecture OS 2.0 ou pré-2.0, poids assets, qualité Liquid). Évaluation refonte ou optimisation in-place.

3
Étape 3

3. Optimisation Liquid et assets

Priorisation image LCP (fetchpriority, formats next-gen via Shopify Image API), defer scripts non-critiques, lazy loading correct, optimisation des sections critiques.

4
Étape 4

4. Monitoring continu

Pose SpeedCurve LUX ou utilisation de Shopify Web Performance dashboard. Suivi des Core Web Vitals dans la durée pour bloquer les régressions liées aux ajouts d'apps futurs.

Engagements de la mission

-50% poids JavaScript total
-1.5s LCP mobile gagné typique
INP stabilisé sous 200ms
Continu apps et thème surveillés
FAQ

Questions fréquentes

Peut-on vraiment optimiser Shopify sans accès serveur ?
Oui, et de manière significative. Le backend Shopify est déjà très optimisé (CDN mondial, TTFB < 200ms). Les leviers se concentrent sur le thème, les apps, les scripts tiers et l'utilisation correcte des features Shopify (Image API, sections, metafields). 80% des gains webperf sur Shopify viennent de ces leviers côté thème.
Faut-il passer en Shopify Plus pour optimiser ?
Pas nécessairement. Shopify Plus apporte le checkout customisable, les scripts Shopify, le multi-store. Côté performance pure, les leviers sont les mêmes que sur Shopify standard. Plus est utile pour des contraintes métier (B2B, branding checkout, volumétrie) plus que pour la perf intrinsèque.
Faut-il passer à un thème Online Store 2.0 ?
Pour les sites encore sur des thèmes pré-2017, oui. Les sections JSON, la gestion métafields native et l'architecture moderne d'OS 2.0 facilitent l'optimisation et réduisent le poids. Pour les thèmes 2019-2020 qui sont déjà OS 2.0-compatibles, l'optimisation in-place suffit souvent.
Comment se structurent vos accompagnements Shopify ?
Mes accompagnements Shopify s'organisent en suivi continu. Audit initial des apps et du thème, puis sprints réguliers d'optimisation (refacto Liquid, audit des nouvelles apps installées, ajustement des priorités LCP). Le Shopify marchand n'arrête jamais d'ajouter des apps ou des scripts marketing : un accompagnement continu protège la performance dans la durée.

Faire passer votre Shopify au vert

Audit apps avec mesure d'impact
Optimisation Liquid + thème
Priorisation LCP + defer scripts
100% de clients satisfaits
Données 2023-2026
Témoignages

Ce qu'en disent mes clients

Excellent travail.
Paul a nettement amélioré la vitesse du site et l’a parfaitement aligné avec les recommandations Google.
Professionnel, rigoureux et efficace, je recommande vivement.

Nicolas - April Moto

Directeur digital & e-commerce

Nous sommes très satisfaits du travail de Paul. Il se montre rapide, disponible et particulièrement efficace. Depuis son arrivée, de très bons résultats ont été constatés, tant en termes de performance que de réactivité. Un vrai atout pour notre équipe.

Léo - Maison de luxe

E-commerce Product Owner

Je sais pas si on l'a assez répété.
Mais si vous voulez améliorer votre vitesse de chargement,
Faire plaisir à Google et mettre vos Signaux Web Essentiels dans le vert,
Contactez Paul Delcloy.

Florian Darroman - Les Makers

Co-fondateur

Shopify, contraintes SaaS et leviers concentrés

Shopify est une plateforme SaaS : aucun accès au serveur, aucun tuning Varnish ou Redis, aucune installation custom. C'est aussi sa force commerciale (zéro infrastructure à gérer), et la raison pour laquelle Shopify motorise des centaines de milliers de boutiques. Côté web performance, l'absence d'accès serveur déplace tout l'enjeu sur ce qu'on contrôle : le thème Liquid, les apps installées, les scripts tiers et l'utilisation correcte des features Shopify natives (Online Store 2.0, CDN intégré, image API).

Shopify donne en revanche un excellent point de départ : CDN mondial inclus, hébergement scalé automatiquement, TTFB origine généralement sous 200ms. Le problème surgit quand on empile thème lourd + 15 apps + 6 scripts marketing. Les Core Web Vitals dérivent, l'INP mobile passe au rouge, et le SEO catalogue chute.

Audit apps, le levier numéro un

Sur une mission Shopify, le premier chantier est presque toujours l'audit apps. Klaviyo, Loox, Judge.me, ReCharge, Loyalty Lion, Recart, PageFly : chaque app ajoute typiquement entre 50 KB et 300 KB de JavaScript, souvent chargé sur toutes les pages (pas seulement là où l'app est utile). Avec 15 apps, on dépasse facilement 2 MB de JS additionnel.

L'audit consiste à mesurer l'impact de chaque app sur LCP, INP et CLS via SpeedCurve LUX ou un RUM équivalent. Certaines apps peuvent être désinstallées (rarement utilisées par les visiteurs), d'autres déférées (chargées uniquement sur certaines pages), d'autres remplacées par une intégration custom plus légère. Cinq à dix apps optimisées gagnent typiquement 1.5 seconde de LCP.

Online Store 2.0 et thème lean

Shopify a publié Online Store 2.0 en 2021 : nouvelle architecture de thèmes, sections JSON, support natif des metafields. Les thèmes pré-2.0 (Brooklyn, Debut, Minimal) sont obsolètes et lourds. Le passage à un thème Online Store 2.0 lean (Dawn, Sense, ou un thème custom léger) est souvent le second chantier après l'audit apps.

L'angle final reste l'optimisation Liquid : élimination des boucles inefficaces, utilisation correcte du section_render, lazy loading des images non-LCP, fetchpriority sur l'image héros. Pour les boutiques e-commerce qui veulent un audit complet, ces leviers s'inscrivent dans une démarche plus large.