Illustration pour l’article : Refonte de thème Shopify ou passage headless : comment savoir lequel il vous faut ?

Refonte de thème Shopify ou passage headless : comment savoir lequel il vous faut ?

Clément Martinelli8 min de lecture
  • shopify
  • shopify-hydrogen
  • liquid
  • guide

Clément MartinelliExpert Shopify & e-commerce

Après avoir cofondé et opéré la partie technique d’un e-commerce ayant généré plus de 12 M€ de chiffre d’affaires, j’accompagne aujourd’hui des marchands sur leurs migrations, leur architecture Shopify et leurs problématiques de performance.

Sommaire
  1. Le résumé en une phrase
  2. 5 critères pour trancher
  3. L’arbre de décision rapide
  4. Ce que ça coûte de se tromper
  5. En résumé
  6. Alors, thème Shopify ou Hydrogen ?

« Est-ce que je dois refaire mon thème Shopify ou passer en headless ? »

C’est souvent la première question qui se pose avant même de parler budget. Et se tromper de réponse peut coûter cher dans les deux sens : partir sur une architecture headless alors qu’une refonte Liquid aurait largement suffi, ou investir dans un nouveau thème pour se retrouver bloqué par les mêmes limites quelques mois plus tard.

Le bon choix ne dépend pas d’une préférence technique. Il dépend surtout de votre catalogue, de vos besoins en performance, du niveau de personnalisation attendu et des contraintes que votre équipe rencontre déjà au quotidien. Voici comment trancher avec des critères concrets.

Le résumé en une phrase

Une refonte de thème Shopify Liquid est généralement adaptée quand le principal problème vient d’un design daté, d’un thème mal maintenu ou d’un empilement d’applications et de scripts.

Un passage headless avec Hydrogen devient pertinent lorsque les limites viennent davantage de l’architecture du storefront : expérience utilisateur très spécifique, logique produit complexe, besoins poussés en performance ou forte dépendance à des développements sur mesure.

Autrement dit : si le problème vient du thème, on peut refaire le thème. Si le problème vient du fonctionnement même du storefront, il faut envisager une autre architecture.

5 critères pour trancher

1. La taille et surtout la complexité de votre catalogue

La taille du catalogue, à elle seule, ne justifie pas un passage headless : un Shopify avec plusieurs centaines, voire plusieurs milliers de références, peut parfaitement fonctionner avec un thème Liquid bien conçu.

Le vrai sujet est la manière dont vos produits doivent être affichés, filtrés et manipulés. Un storefront classique fonctionne très bien avec des collections, variantes, metafields, filtres et règles de navigation standards.

En revanche, le headless devient plus intéressant lorsque l’expérience catalogue repose sur une logique métier avancée :

  • configurateurs produit complexes ;
  • navigation très spécifique ;
  • recherche ou filtrage fortement personnalisés ;
  • assemblage dynamique de produits ;
  • interactions qui dépassent largement les composants classiques d’un thème Shopify.

Refonte thème si : votre catalogue reste compatible avec une navigation et une logique produit Shopify classiques.

Headless si : votre expérience catalogue repose sur une logique sur mesure difficile à intégrer proprement dans un thème.

2. Votre niveau de performance actuel

Un mauvais score PageSpeed ne signifie pas automatiquement qu’il faut passer en headless. Un thème Shopify peut être fortement ralenti par :

  • trop d’applications ;
  • des scripts tiers chargés partout ;
  • un tracking mal configuré ;
  • des images trop lourdes ;
  • du JavaScript inutile ;
  • un ancien thème ayant accumulé plusieurs années de dette technique.

Dans ce cas, une refonte propre peut déjà produire un gain important. Le headless devient pertinent lorsque, même après avoir réduit cette dette technique, les objectifs de performance restent difficiles à atteindre à cause des contraintes du storefront ou des besoins fonctionnels du projet.

Hydrogen permet notamment de contrôler beaucoup plus finement le rendu, le chargement des données et l’architecture front, mais ce contrôle supplémentaire a un coût : davantage de développement, de maintenance et de responsabilités techniques.

Refonte thème si : l’essentiel des problèmes de performance vient du thème, des apps ou des scripts tiers.

Headless si : vos objectifs de performance nécessitent un contrôle beaucoup plus fin du front et du chargement des données.

3. Le niveau de personnalisation attendu

C’est souvent ici que la différence devient la plus nette : Liquid est très adapté à un e-commerce qui reste dans les standards Shopify, même avec un design ambitieux. On peut créer :

  • des sections totalement personnalisées ;
  • des animations ;
  • des landing pages poussées ;
  • des fiches produit spécifiques ;
  • des interfaces très travaillées.

Le headless devient intéressant lorsque l’expérience voulue sort réellement du fonctionnement classique d’un thème Shopify. Par exemple :

  • navigation très interactive ;
  • transitions avancées entre les pages ;
  • storytelling de marque omniprésent ;
  • interfaces proches d’une application web ;
  • contenu et commerce fortement imbriqués ;
  • parcours utilisateur entièrement sur mesure.

Refonte thème si : le design est ambitieux, mais reste compatible avec les standards d’un storefront Shopify.

Headless si : l’expérience utilisateur doit réellement sortir du cadre d’un thème classique.

4. Votre budget et votre horizon de temps

Une refonte de thème est généralement plus rapide à déployer et moins coûteuse. On reste dans l’écosystème natif de Shopify, avec une infrastructure et une logique déjà largement prises en charge par la plateforme.

Un projet Hydrogen headless est différent : on ne change pas simplement de thème, on construit une nouvelle couche front-end au-dessus de Shopify. Il faut donc prendre en compte le développement initial, l’architecture, les intégrations, les tests, le déploiement, la maintenance et les futures évolutions.

La vraie question n’est donc pas uniquement :

« Quel budget est-ce que je peux mettre maintenant ? »

Mais plutôt :

« Quelle architecture sera encore adaptée à mon activité dans 12 ou 24 mois ? »

Refonte thème si : vous avez besoin d’aller vite, avec un budget maîtrisé et des besoins relativement standards.

Headless si : l’investissement supplémentaire est justifié par des gains attendus en performance, flexibilité ou expérience utilisateur.

5. La fréquence à laquelle votre équipe se heurte aux limites du thème

C’est probablement le critère le plus révélateur. Posez cette question à votre équipe :

« Combien de fois avons-nous abandonné ou simplifié une idée parce que c’était trop compliqué à faire avec notre storefront actuel ? »

Si cela arrive une ou deux fois par an, le problème vient peut-être simplement d’un ancien thème mal structuré. Si cela arrive tous les mois, la question devient différente : votre équipe produit, marketing ou e-commerce commence alors à adapter ses idées aux contraintes techniques du storefront au lieu de faire l’inverse. C’est souvent à ce moment-là qu’un passage headless commence à avoir du sens.

Refonte thème si : les blocages restent occasionnels.

Headless si : les contraintes techniques influencent régulièrement vos décisions produit ou marketing.

L’arbre de décision rapide

Votre thème est daté, lent ou rempli d’applications, mais votre fonctionnement e-commerce reste standard ?

→ Refonte Shopify Liquid. Vous avez probablement surtout besoin de repartir sur une base propre.

Votre storefront est visuellement correct, mais vous rencontrez régulièrement des limites sur la performance, la logique produit ou l’expérience utilisateur ?

→ Étudiez sérieusement une migration Hydrogen headless. Le problème ne vient peut-être plus du thème lui-même.

Vous cumulez un thème vieillissant et des limitations structurelles ?

→ Comparez directement les deux scénarios avant de lancer une refonte. Refaire entièrement un thème pour envisager une migration headless 12 mois plus tard peut représenter une dépense intermédiaire inutile. Dans ce cas, le headless doit au minimum être chiffré et comparé à une refonte Liquid.

Vous ne savez toujours pas ?

→ C’est précisément le rôle de l’audit initial. Il faut regarder les vraies données : GA4, PageSpeed Insights, Microsoft Clarity, applications installées, scripts tiers, structure du catalogue, contraintes métier, backlog produit, besoins futurs. Le choix doit partir de votre situation réelle, pas d’une préférence pour Liquid ou Hydrogen.

Ce que ça coûte de se tromper

Sous-dimensionner le projet

Choisir une refonte Liquid alors que le besoin est structurel peut conduire à refaire le même diagnostic quelques mois plus tard. Le nouveau thème sera plus propre, plus rapide et plus agréable à utiliser, mais certaines limitations resteront présentes. On risque alors de payer une première refonte avant de devoir financer une migration headless.

Surdimensionner le projet

Le problème inverse existe aussi : passer en headless alors qu’un thème Shopify bien conçu aurait suffi entraîne un budget initial plus important, davantage de développement, plus de maintenance et une architecture plus complexe. Tout cela pour exploiter une flexibilité dont le projet n’avait peut-être pas réellement besoin.

Le headless n’est donc pas une version « premium » de Shopify, c’est une architecture différente, adaptée à certains besoins précis.

En résumé

Critère Refonte thème Liquid Migration Hydrogen headless
Catalogue Standard ou modérément complexe Logique produit très spécifique
Performance Problèmes liés au thème, apps ou scripts Besoin d’un contrôle très poussé du front
Design Personnalisation avancée dans les standards Shopify Expérience totalement sur mesure
Budget Plus maîtrisé Investissement plus important
Délai Plus rapide Projet de développement plus long
Maintenance Plus simple Plus technique
Blocages internes Occasionnels Récurrents
Scalabilité produit Besoins classiques Forte évolution fonctionnelle prévue

Alors, thème Shopify ou Hydrogen ?

Il n’y a pas de réponse universelle. Certaines marques gagneraient beaucoup plus à repartir sur un thème Liquid propre qu’à construire une architecture headless inutilement complexe. À l’inverse, certaines entreprises repoussent une migration headless pendant plusieurs années alors que leurs équipes se heurtent déjà chaque semaine aux limites de leur storefront.

Le bon choix consiste donc à identifier la nature du problème avant de choisir la technologie.

Si votre enjeu est principalement de repartir sur un storefront Shopify propre, performant et mieux conçu, découvrez notre parcours de refonte Shopify Liquid.

Si vos contraintes viennent davantage de l’architecture, de la performance ou de besoins très spécifiques, découvrez notre parcours de migration Shopify Hydrogen.

Et si vous êtes entre les deux, l’audit initial sert justement à comparer les deux scénarios à partir de vos données et de vos besoins réels.