Points clés
- Désinstaller une application Shopify ne supprime pas automatiquement le code qu’elle a ajouté à votre thème.
- Le code résiduel ralentit votre boutique avec des scripts qui chargent pour des services qui n’existent plus.
- Trouvez le code résiduel en cherchant le nom de l’application dans l’éditeur de code de votre thème.
- Travaillez toujours sur un thème en double. Ne modifiez jamais directement votre thème actif.
Chaque fois que vous installez une application Shopify qui modifie votre thème, elle laisse des traces. Quand vous désinstallez l’application, Shopify la supprime — mais le code qu’elle a ajouté à votre thème reste. Au fil du temps, à force de tester de nouvelles applications, ces résidus s’accumulent. Des scripts se chargent pour des services que vous n’utilisez plus. Des classes CSS font référence à des styles d’applications qui n’existent plus depuis des années.
Ce nettoyage est l’une des améliorations de performance Shopify les plus sous-estimées.
Comment supprimer du code dans Shopify ?
La réponse courte : Boutique en ligne → Thèmes → Actions → Modifier le code. Cela ouvre l’éditeur de code où vous pouvez voir et modifier tous les fichiers du thème. Supprimer du code nécessite de savoir ce qui peut l’être en toute sécurité — les étapes ci-dessous vous aideront à l’identifier.
Étape 1 — Dupliquez votre thème avant de toucher à quoi que ce soit
C’est obligatoire. Allez dans Boutique en ligne → Thèmes → trouvez votre thème actif → cliquez sur le menu à trois points → Dupliquer.
Une erreur dans le mauvais fichier peut casser toute votre boutique. Travailler sur une copie signifie que vous pouvez toujours revenir en arrière en réactivant l’original.
Étape 2 — Cherchez le nom de l’application dans le code de votre thème
Ouvrez l’éditeur de code (Boutique en ligne → Thèmes → Actions → Modifier le code).
La plupart des éditeurs de code ont une fonction de recherche. Dans l’éditeur de Shopify, utilisez la barre de recherche en haut pour trouver le nom de l’app. Essayez :
- Le nom de la marque de l’app (ex. : “loox”, “klaviyo”, “privy”, “yotpo”)
- Les modèles d’identifiants d’app courants (
app-name-snippets,app-name-scripts)
Où chercher :
theme.liquid — l’endroit le plus courant pour les balises de script résiduelles. Les apps ajoutent souvent des inclusions JavaScript dans le <head> ou avant </body>. Cherchez les balises <script src="https://app-name.com/..."> qui restent après la désinstallation.
Dossier snippets/ — les apps créent souvent de nouveaux fichiers snippets (ex. : loox-reviews.liquid, privy-popup.liquid). Ils apparaissent comme de nouveaux fichiers dans le dossier snippets qui n’étaient pas là avant l’installation de l’app.
Dossier sections/ — certaines apps ajoutent de nouveaux types de sections. Après la désinstallation, le fichier de section reste mais la fonctionnalité de l’app est cassée.
Dossier assets/ — les apps ajoutent parfois des fichiers CSS ou JavaScript ici.
Étape 3 — Identifiez ce qui peut être supprimé en toute sécurité
Tout le code “résiduel” n’est pas nocif. Certaines apps ajoutent des fonctionnalités que vous continuez à utiliser via le HTML rendu même après la désinstallation de l’app (c’est rare mais possible). Vérifiez chaque bout de code avant de le supprimer.
Suppression sans risque si :
- Le code fait référence à des scripts externes (URL) du domaine de l’app qui ne chargent plus
- Les fichiers portent clairement le nom de l’app désinstallée
- Supprimer le code de theme.liquid n’affecte rien de visible sur votre vitrine (faites le test sur votre thème dupliqué)
Soyez prudent avec :
- Les noms de snippets génériques qui pourraient avoir été créés par plusieurs apps ou par votre développeur
- Tout code qui apparaît dans des sections encore activement utilisées sur votre vitrine
Étape 4 — Supprimez le code
Pour les balises script dans theme.liquid : supprimez la balise <script> entière (y compris les balises d’ouverture et de fermeture).
Pour les fichiers snippets : cliquez sur le fichier → supprimez-le depuis le menu à trois points à côté du nom du fichier.
Pour les fichiers de section créés par une application : ne les supprimez que si la section n’est plus utilisée dans aucun template ou page active.
Après chaque suppression, prévisualisez votre boutique pour confirmer que rien n’est cassé.
Les applications courantes qui laissent beaucoup de code derrière elles
Les applications de pop-up et de capture d’e-mails (Privy, Sumo, Justuno) — ajoutent souvent de gros fichiers JavaScript à theme.liquid.
Les applications d’avis (Yotpo, Loox, Judge.me) — ajoutent des fichiers snippets et génèrent souvent du code dans les templates de produits.
Les applications de chat (Gorgias, Tidio, Intercom) — ajoutent des balises script de widget de chat dans theme.liquid.
Les applications de preuve sociale — ajoutent des pop-ups de notification via des scripts dans theme.liquid.
Les applications de page builder (PageFly, Shogun, GemPages désinstallées) — peuvent laisser d’importants fichiers de sections et de snippets.
Utiliser le système d’App Embeds de Shopify pour éviter les restes de code à l’avenir
Les applications Shopify modernes utilisent le système App Embeds (Boutique en ligne → Thèmes → Personnaliser → Icône Intégration d’applications). Lorsqu’une application utilise correctement les App Embeds :
- L’activation ou la désactivation de l’application se fait via un bouton (toggle) dans l’éditeur de thème
- La désinstallation de l’application supprime l’intégration automatiquement
- Aucun nettoyage manuel du code n’est nécessaire
Lors du choix de nouvelles applications, privilégiez celles qui utilisent les App Embeds aux applications qui vous demandent de coller du code dans theme.liquid. Vous pouvez vérifier cela dans les instructions d’installation de l’application.
Sur le même sujet : Modifier votre thème Shopify.
Sur le même sujet : Accélérer un thème Shopify.
Sur le même sujet : Supprimer du code inutilisé dans Shopify.
Sur le même sujet : Résoudre les problèmes de mise en page après l’installation d’applications Shopify.
Utiliser Theme Inspector pour trouver les scripts lents
L’extension Chrome Shopify Theme Inspector montre quels scripts et assets contribuent le plus au temps de chargement de la page. Après avoir nettoyé le code inutile, exécutez-la pour confirmer que les scripts en question ne se chargent plus.
FAQ
C'est possible, si vous supprimez du code encore référencé par un élément actif. Limitez les risques en travaillant sur un thème dupliqué — prévisualisez avant de publier. Le problème le plus courant : supprimer un snippet encore rendu par une section, ou supprimer un script dont dépend un autre script. Testez toujours la copie avant de faire le changement. Si vous supprimez une app mais que vous souhaitez conserver la fonctionnalité qu'elle offrait, décrivez-la à Fudge et intégrez une version native à votre thème avant de supprimer le code de l'app.
Cherchez le nom de l'app ou des chaînes de caractères caractéristiques dans l'éditeur de code du thème. La plupart des apps incluent le nom de leur marque dans les URL des src de scripts (gorgias.com, klaviyo.com), les noms de fichiers (loox-reviews.liquid), ou les commentaires. En cas de doute, installez l'app sur un thème de test vierge et comparez-le avec l'original (faites un diff) — les ajouts constituent l'empreinte de l'app.
Pour les apps qui utilisent les App Embeds, non — Shopify nettoie automatiquement. Pour les apps qui vous ont demandé de coller du code dans theme.liquid, oui. Prévoyez un audit trimestriel si votre boutique a testé beaucoup d'apps. Le gain de performance se multiplie à mesure que les résidus s'accumulent.
Oui. Les App Embeds sont liés à l'app — la désactivation ou la désinstallation nettoie automatiquement le thème. Les apps qui ont modifié theme.liquid directement (l'ancienne méthode) laissent leur code derrière elles. La distinction est importante lors du choix de nouvelles apps ; privilégiez celles qui utilisent les App Embeds pour une maintenance à long terme plus propre.
Oui — les données de l'app se trouvent dans la propre base de données/le compte de l'app, pas dans votre thème. Supprimer le code du thème ne supprime pas les avis, les listes de clients ou tout autre contenu géré par l'app. Si vous réinstallez l'app, les données sont toujours là. Le code du thème contrôle uniquement la façon dont ces données sont affichées sur votre vitrine.
