Points clés
- Désinstaller une application Shopify ne supprime pas automatiquement le code qu’elle a ajouté à votre thème.
- Les résidus de code ralentissent votre boutique avec des scripts qui se chargent pour des services qui n’existent plus.
- Trouvez le code restant en cherchant le nom de l’application dans l’éditeur de code de votre thème.
- Travaillez toujours sur un thème dupliqué. Ne modifiez jamais votre thème en ligne directement.
Chaque fois que vous installez une application Shopify qui modifie votre thème, elle laisse des traces. Lorsque vous désinstallez l’application, Shopify supprime l’application elle-même — mais le code qu’elle a ajouté à votre thème reste. Au fil du temps, à mesure que vous essayez différentes 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 restant, lancez-la pour confirmer que les scripts ne se chargent plus.
