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’application. Essayez :
- Le nom de la marque de l’application (ex. : “loox”, “klaviyo”, “privy”, “yotpo”)
- Les modèles d’identifiants d’applications courants (
app-name-snippets,app-name-scripts)
Où chercher :
theme.liquid — l’emplacement le plus courant pour les balises de script restantes. Les applications 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 applications créent souvent de nouveaux fichiers snippets (ex. : loox-reviews.liquid, privy-popup.liquid). Ceux-ci apparaissent comme de nouveaux fichiers dans le dossier snippets qui n’étaient pas là avant l’installation de l’application.
Dossier sections/ — certaines applications ajoutent de nouveaux types de sections. Après la désinstallation, le fichier de la section reste mais la fonctionnalité de l’application est cassée.
Dossier assets/ — les applications y ajoutent parfois des fichiers CSS ou JavaScript.
Étape 3 — Identifiez ce qui peut être supprimé en toute sécurité
Tout le code “restant” n’est pas nocif. Certaines applications ajoutent des fonctionnalités que vous continuez à utiliser via le HTML généré même après la désinstallation de l’application (c’est rare mais possible). Vérifiez chaque morceau de code avant de le supprimer.
Sûr à supprimer si :
- Le code fait référence à des scripts externes (URLs) du domaine de l’application qui ne se chargent plus
- Les fichiers portent clairement le nom de l’application désinstallée
- La suppression du code dans theme.liquid n’affecte rien de visible sur la boutique (faites un test sur votre thème dupliqué)
Soyez prudent avec :
- Les noms de snippets génériques qui pourraient avoir été créés par plusieurs applications ou par votre développeur
- Tout code qui apparaît dans des sections encore activement utilisées sur votre boutique
É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 qui est encore appelé par un élément actif. Limitez les risques en travaillant sur une copie de votre thème — et prévisualisez avant de publier. La casse la plus fréquente : supprimer un snippet encore utilisé par une section, ou enlever un script dont dépend un autre script. Testez toujours la copie avant de faire le changement. Si vous enlevez une application mais que vous voulez garder la fonctionnalité qu'elle offrait, décrivez-la à Fudge pour obtenir une version native intégrée à votre thème avant de supprimer le code de l'application.
Recherchez le nom de l'application ou des chaînes de caractères spécifiques dans l'éditeur de code du thème. La plupart des applications incluent le nom de leur marque dans les URL src des scripts (gorgias.com, klaviyo.com), les noms de fichiers (loox-reviews.liquid), ou les commentaires. En cas de doute, installez l'application sur un thème test et faites un diff avec l'original — les ajouts correspondent à l'empreinte de l'application.
Pour les applications qui utilisent les App Embeds, non — Shopify nettoie automatiquement. Pour les applications qui vous ont demandé de coller du code dans theme.liquid, oui. Prévoyez un audit trimestriel si votre boutique a vu passer de nombreuses applications. Les gains de performance sont d'autant plus importants que ces résidus s'accumulent.
Oui. Les App Embeds sont liés à l'application — les désactiver ou les désinstaller nettoie automatiquement le thème. Les applications qui ont modifié directement theme.liquid (l'ancienne méthode) laissent leur code derrière elles. Cette distinction est importante lors du choix de nouvelles applications ; privilégiez celles qui utilisent les App Embeds pour une maintenance plus propre à long terme.
Oui — les données de l'application résident dans sa propre base de données/compte, 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'application. Si vous réinstallez l'application, les données sont toujours là. Le code du thème contrôle uniquement la façon dont ces données s'affichent sur votre vitrine.
