Accueil » Blog Tunnel de Vente » Creation De Site Web » Shopify et applications : chaque app installée ralentit votre boutique — faites le tri

Shopify et applications : chaque app installée ralentit votre boutique — faites le tri

Schéma d'audit des applications Shopify avec illustration du tri entre apps essentielles, apps remplaçables par les fonctionnalités natives et apps à désinstaller pour alléger la boutique

L’App Store de Shopify compte plus de huit mille applications. Cette abondance fait la force de la plateforme et son talon d’Achille. La force, parce qu’on trouve une solution toute prête pour presque tous les besoins métier. Le talon d’Achille, parce que chaque application installée ajoute du code, des requêtes serveur et du JavaScript qui se chargent sur toutes les pages. Au bout d’un an d’exploitation, une boutique moyenne tourne avec quinze à vingt applications dont la moitié ne sert plus vraiment. Chez Propuls’Lead, nous menons des audits applicatifs sur les boutiques de nos clients et nous récupérons typiquement 20 à 30 points de score PageSpeed en supprimant les applications devenues inutiles ou doublonnées.

Comprendre comment une application Shopify pèse sur le chargement

Les applications Shopify fonctionnent selon trois mécanismes principaux. Le premier injecte du code JavaScript directement dans le thème de la boutique. Ce code se télécharge à chaque visite, même quand la fonctionnalité n’est pas utilisée sur la page consultée. Une application d’avis clients qui injecte 80 Ko de script alourdit la page d’accueil exactement comme la fiche produit, alors qu’elle ne sert qu’à la fiche.

Le deuxième mécanisme passe par des appels API entre la boutique et les serveurs de l’application. Chaque appel ajoute une latence réseau, parfois imperceptible, parfois lourde quand l’application interroge plusieurs services tiers en cascade. Le troisième mécanisme installe des extensions de back-office qui n’impactent pas la boutique côté visiteur, mais qui peuvent ralentir le travail quotidien des équipes. Le tri commence donc par identifier la nature exacte de l’empreinte de chaque application avant de décider de son sort.

À cela s’ajoute un effet cumulé que les marchands sous-estiment. Une application qui pèse 30 Ko de JavaScript paraît anodine prise isolément. Quand dix applications similaires cumulent leur poids, on arrive à 300 Ko de JavaScript supplémentaire chargé sur chaque page. Sur un mobile en 4G dans une zone moyennement couverte, ce surcoût représente facilement 800 millisecondes ajoutées au temps de premier rendu. L’addition se fait silencieusement et personne ne la voit venir.

Faire l’inventaire complet sans rien oublier

L’audit commence par dresser la liste exhaustive des applications installées. Le panneau « Applications » du back-office Shopify affiche les applications actives, mais il manque souvent celles qui ont été désactivées sans désinstallation propre, et celles dont le code reste dans le thème malgré la désinstallation. La vérification complète passe par trois endroits : la liste des applications dans le back-office, les paramètres du thème pour repérer les sections injectées, et le code source d’une page produit pour identifier les scripts chargés.

Cette dernière vérification se fait via Chrome DevTools, onglet Network, en filtrant par type de fichier JavaScript. La liste obtenue révèle souvent des scripts mystérieux qui chargent depuis des domaines tiers et que personne ne sait identifier. Chaque mystère mérite une enquête : c’est presque toujours un résidu d’application désinstallée trop vite, qu’il faut maintenant retirer manuellement du code du thème.

Le bon moment pour faire cet inventaire complet, c’est avant chaque grande période commerciale. Les soldes, les fêtes de fin d’année, les pics de trafic publicitaire amplifient toutes les faiblesses techniques. Une boutique qui tient bien à 200 visiteurs par heure peut s’effondrer à 2000, et les applications mal triées sont souvent à l’origine de ces effondrements de performance qu’on observe sur les boutiques au plus mauvais moment.

Catégoriser chaque application avec la méthodologie PROPULSE

Une fois la liste complète établie, il faut classer chaque application dans une catégorie d’usage. Dans le cadre de la méthodologie PROPULSE que nous appliquons chez Propuls’Lead, nous utilisons quatre catégories simples. Les essentielles servent la conversion ou les opérations quotidiennes et ne peuvent pas être remplacées par les fonctionnalités natives : passerelle de paiement spécifique, intégration ERP, gestion d’inventaire multicanal.

Les utiles servent vraiment mais pourraient être remplacées par les fonctionnalités natives Shopify avec un peu d’effort : avis clients, pop-up de bienvenue, programme de fidélité simple. Les redondantes font double emploi avec une autre application installée ou avec une fonctionnalité native qu’on n’utilise pas : deux outils d’avis, deux passerelles email, deux apps d’analytics. Les obsolètes ne servent plus depuis longtemps mais traînent dans le compte : application installée pour un test ponctuel, application d’un ancien fournisseur abandonné, application installée par un prestataire qui n’est plus là. La démarche d’audit complète rejoint celle décrite dans notre article sur les optimisations à appliquer sur chaque boutique Shopify.

Désinstaller proprement sans laisser de résidus dans le thème

La désinstallation depuis le back-office Shopify retire l’application du compte, mais ne nettoie pas toujours le code injecté dans le thème. Beaucoup d’applications laissent derrière elles des scripts, des fragments de Liquid ou des sections inutilisées qui continuent de charger sur chaque page. La vérification post-désinstallation prend dix minutes et conditionne le bénéfice réel de l’opération.

Le bon protocole consiste à comparer le code du thème avant et après la désinstallation. La fonction de comparaison Git, ou simplement un éditeur de texte qui montre les différences, permet d’identifier les fichiers modifiés et les fragments à retirer. Pour les applications majeures qui ont profondément intégré le thème, il vaut souvent mieux duppliquer le thème, désinstaller l’application, puis basculer manuellement vers le thème dupliqué après vérification visuelle. Cette discipline évite la régression silencieuse que nous voyons trop souvent sur les boutiques nettoyées à la hâte. Notre article sur les redirections produits epuises Shopify complète cette logique de maintenance technique propre.

Mesurer le gain avant et après chaque désinstallation

L’audit applicatif tire toute sa valeur de la mesure systématique. Sans mesure avant-après, on ne sait jamais ce que chaque désinstallation a vraiment produit, et on prend le risque d’attribuer un gain à la mauvaise cause. Le protocole consiste à mesurer le score PageSpeed et le LCP avant la désinstallation, à désinstaller une seule application, à mesurer à nouveau, et à noter l’écart. Cette mesure unitaire identifie les applications qui pèsent le plus lourd et celles dont l’impact reste négligeable.

Sur les boutiques que nous auditons chez Propuls’Lead, deux ou trois applications concentrent typiquement 70% du poids JavaScript total. Identifier ces trois coupables et les remplacer par des alternatives plus légères produit souvent plus de bénéfice que de désinstaller les douze autres applications mineures. La mesure unitaire évite l’effet « grand ménage » qui consomme une semaine de travail pour un gain finalement modeste sur l’expérience visiteur. Cette logique de priorisation rejoint celle décrite dans notre article sur accelerer site wordpress 10 optimisations vraie difference, qui s’applique avec les mêmes principes au monde Shopify.

Mettre en place une discipline d’installation pour l’avenir

L’audit ponctuel ne suffit pas. Sans discipline d’installation, la boutique se réencombre en six mois et reproduit exactement les mêmes symptômes. La règle simple consiste à n’installer une nouvelle application que si quatre conditions sont remplies. Premièrement, elle répond à un besoin métier clairement formulé. Deuxièmement, aucune fonctionnalité Shopify native ne couvre déjà ce besoin. Troisièmement, son éditeur publie régulièrement des mises à jour de performance. Quatrièmement, un test sur un thème dupliqué confirme qu’elle n’ajoute pas plus de 50 Ko de JavaScript au chargement.

Cette discipline rejoint celle qu’on applique pour le choix d’un plugin WordPress, et elle protège la boutique sur la durée. Documenter la décision d’installation dans un fichier partagé évite aussi les doublons quand plusieurs personnes ajoutent des applications sans concertation. Cette gouvernance simple vaut largement l’investissement initial en temps : elle économise des heures de tri ultérieur et préserve la performance technique de la boutique sans intervention régulière de fond.

Ce qu’il faut retenir avant d’ouvrir votre liste d’applications

Le tri des applications Shopify reste l’optimisation au meilleur rapport effort-résultat sur la performance d’une boutique. Quelques heures de travail méthodique récupèrent typiquement vingt à trente points de score PageSpeed et une seconde de chargement perçu par les visiteurs. La démarche tient en cinq étapes : inventaire complet, catégorisation par usage réel, désinstallation propre, mesure unitaire des gains, discipline d’installation pour l’avenir. Chez Propuls’Lead, nous intégrons ce chantier dans chaque audit Shopify, parce qu’il produit des résultats visibles avant tout autre levier d’optimisation. La boutique respire, les pages se chargent, les conversions remontent. Le coût marginal d’une application installée mérite la même vigilance que le coût marginal d’un abonnement logiciel : sans contrôle régulier, l’accumulation devient invisible et finit par peser lourd.

Sources

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *