Applications Shopify qui ralentissent votre boutique : l'audit

Oui, les applications Shopify peuvent ralentir une boutique, et la cause n’est pas le nombre d’applications en lui-même mais ce qu’elles chargent sur la vitrine : scripts externes, fichiers CSS et requêtes vers d’autres serveurs qui s’exécutent sur chaque page, que vous utilisiez la fonction ou non. Pire, désinstaller une application ne retire pas toujours ce qu’elle a laissé derrière elle. Cet article explique comment mesurer l’impact de chaque application, comment nettoyer le code résiduel, la différence entre les applications qui se désinstallent proprement et celles qui laissent des résidus, et la méthode d’audit que nous suivons chez E-SAFQA.

Comment une application ralentit réellement une boutique

La vitrine que voit le client est construite à partir des fichiers du thème. Lorsque vous installez une application qui doit apparaître sur la page (un bouton, un pop-up, des avis, un compte à rebours), elle ajoute du code de l’une des trois façons suivantes :

Méthode	Fonctionnement	Impact sur la vitesse	Retiré à la désinstallation ?
Theme App Extensions (moderne)	Blocs et embeds affichés dans l’éditeur de thème sous App blocks et App embeds	Ne se charge que là où c’est activé ; désactivable	Oui, automatiquement
Script Tags (ancien)	Un script externe injecté sur chaque page	Se charge sur chaque page, nécessaire ou non	Dépend de l’application
Modification directe des fichiers du thème (le plus ancien)	L’application écrit dans theme.liquid ou ajoute des fichiers	Le code reste en permanence	Généralement non

Shopify a mis fin à la possibilité pour les applications de modifier directement les fichiers des thèmes modernes et a poussé les développeurs vers les Theme App Extensions, mais les boutiques qui tournent depuis des années portent encore les résidus des deux méthodes plus anciennes. Le plus gros problème se situe sur mobile : les scripts externes retardent l’interaction avec la page, ce qui est exactement ce que mesurent les Core Web Vitals pour les boutiques Shopify.

Étape un : mesurer la base de référence avant de changer quoi que ce soit

Ne commencez pas par supprimer. Commencez par mesurer, pour savoir ce que vous améliorez réellement :

1. Ouvrez PageSpeed Insights et testez trois pages : l’accueil, une page collection et une page produit. Notez les résultats mobiles, puisque la plupart des visiteurs des boutiques en Arabie saoudite et aux Émirats naviguent sur téléphone.
2. Relevez le Largest Contentful Paint (LCP), l’Interaction to Next Paint (INP) et le Cumulative Layout Shift (CLS).
3. Dans le rapport « réduire l’impact du code tiers » de PageSpeed, notez les domaines externes chargés. Chaque domaine correspond généralement à une application.
4. Ouvrez les outils de développement du navigateur (onglet Réseau), filtrez sur JS et triez par taille. Les scripts les plus lourds sont vos premiers suspects.

Étape deux : désactiver les applications une par une

Ouvrez l’éditeur de thème, puis les paramètres du thème, puis App embeds. Vous verrez les applications modernes qui chargent du code. Désactivez-en une, enregistrez, retestez la page produit et notez la différence. Répétez pour chaque application. Cette méthode est plus précise que n’importe quel outil d’estimation, car elle mesure votre boutique avec votre thème et vos images réels.

Conseil : effectuez le test sur une copie du thème, pas sur le thème en ligne, pour que les clients ne soient pas affectés pendant l’audit. Et ne mesurez pas au pic d’une campagne publicitaire, car les pointes de trafic faussent les résultats.

Étape trois : que faire de chaque application

Après l’audit, vous aurez trois groupes :

• Utile et légère : conservez-la.
• Utile mais lourde : cherchez une alternative construite sur les Theme App Extensions, ou limitez les pages où elle se charge (beaucoup d’applications permettent d’afficher leur code sur certaines pages seulement).
• Inutilisée : désinstallez-la, puis nettoyez ce qu’elle a laissé.

La règle que nous répétons dans notre guide des meilleures applications Shopify pour boutiques arabes : une application par fonction. Deux applications d’avis ou trois applications de pop-up, c’est trois fois le code pour une seule fonction.

Étape quatre : nettoyer le code résiduel après désinstallation

C’est ici que se cache le plus gros problème dans les anciennes boutiques. Après avoir désinstallé une application :

1. Ouvrez l’éditeur de code du thème et cherchez dans theme.liquid le nom ou le domaine de l’application. Vous trouverez souvent une balise <script> ou <link> pointant vers le serveur de l’application.
2. Cherchez dans les dossiers snippets et assets les fichiers portant le nom de l’application.
3. Cherchez dans sections et templates les appels {% render %} ou {% include %} vers les fichiers de l’application.
4. Supprimez ce que vous avez trouvé après avoir sauvegardé le thème, et testez les pages principales après chaque suppression.

Ne supprimez jamais une ligne que vous ne comprenez pas. En cas de doute, mettez-la d’abord en commentaire plutôt que de la supprimer, et surveillez la boutique pendant une journée complète. Si le thème est plein de résidus accumulés pendant des années, il est parfois moins coûteux de passer à une copie propre du thème et de refaire les réglages, ce que nous abordons dans le guide d’optimisation de la vitesse Shopify.

Les catégories d’applications qui nuisent le plus à la vitesse

D’après nos audits de boutiques, ces catégories reviennent sans cesse parmi les scripts les plus lourds :

• Pop-ups et barres d’annonce : se chargent sur chaque page et provoquent des décalages de mise en page.
• Widgets de chat multicanal : certains chargent des fichiers volumineux avant même que le client ne clique.
• Anciens widgets d’avis : chargent tous les avis d’un coup au lieu de le faire au défilement.
• Suivi en double : un Pixel installé deux fois, une fois depuis les paramètres Shopify et une fois depuis une application.
• Applications de devise et de traduction qui réécrivent la page : modifient le texte après le chargement, provoquant un clignotement et un délai.

Les applications qui fonctionnent en arrière-plan uniquement via l’Admin API, comme les outils de modification de prix et de synchronisation, n’ajoutent rien à la vitrine. Notre application SalePilot, par exemple, exécute les changements de prix en arrière-plan et ne charge sur la page que le compte à rebours, comme extension légère et uniquement pendant qu’une promotion est active.

Prévention : les règles avant d’installer toute nouvelle application

• Lisez sur la fiche de l’application comment son code se charge : une mention des Theme App Extensions ou des App embeds est bon signe.
• Installez-la d’abord sur une copie du thème et mesurez la page avant et après.
• N’activez le code que sur les pages qui en ont besoin si l’application le permet.
• Ajoutez une revue mensuelle des applications à votre checklist de lancement de boutique Shopify et à la routine après le lancement.

La méthode d’audit que nous suivons

Lorsque nous prenons en charge une nouvelle boutique pour la gestion des publicités ou le travail de conversion, nous commençons par un audit de vitesse qui comprend : le test des trois pages sur mobile, le relevé de chaque script externe et son rapprochement avec une application, le test de désactivation un par un sur une copie du thème, le nettoyage des résidus, puis une nouvelle mesure et la documentation de la différence. La vitesse n’est pas un but en soi ; elle fait partie de l’optimisation du taux de conversion : même trafic, plus de commandes.

Notre expérience

Chez Xmart, une boutique d’électronique en Jordanie, nous avons réalisé un audit de performance du thème Xtra avec des corrections de vitesse dans le cadre de notre travail publicitaire, parce que le coût par commande augmente lorsque la page est lente, quelle que soit la qualité de la campagne. Pour les boutiques que nous migrons depuis d’autres plateformes ou que nous construisons de zéro, nous livrons le thème sans scripts superflus et définissons la liste des applications dès le départ, afin que le commerçant ne commence pas sa vie sur Shopify avec une boutique surchargée.

Conclusion

Les applications Shopify ralentissent une boutique lorsqu’elles chargent des scripts sur chaque page ou laissent du code après désinstallation. Le remède est méthodique : mesurer la base de référence, désactiver les applications une par une sur une copie du thème, retirer ce qui est inutilisé, nettoyer les résidus dans les fichiers du thème, et préférer les applications construites sur les Theme App Extensions. Si vous souhaitez un audit complet de la vitesse et de la liste d’applications de votre boutique, envoyez-nous le lien de votre boutique sur WhatsApp.