Trop d’applications Shopify ralentissent votre boutique

Les applications sont le moyen le plus simple d’ajouter une fonction à votre boutique Shopify – et le moyen le plus simple d’en saboter discrètement la vitesse. La plupart des boutiques accumulent les applications comme un bureau accumule le désordre : une à la fois, chacune paraissant inoffensive. Puis la boutique rame, la facture mensuelle grimpe, et plus personne ne sait à quoi sert quelle application. Voici comment reprendre la main.

Pourquoi les applications ralentissent votre boutique

Quand vous installez une application, elle injecte généralement du JavaScript et du CSS dans votre boutique – et ce code se charge souvent sur chaque page, même celles où l’application ne fait rien. Une app d’avis clients peut charger ses scripts jusque dans le tunnel de commande ; une app de popup peut tourner sur toutes les fiches produit. Empilez-en dix et votre boutique traîne un poids mort à chaque visite, ce qui se traduit par des temps de chargement plus longs et de moins bons Core Web Vitals.

La raison technique tient au blocage du rendu et au travail imposé au thread principal. Un script chargé dans l’en-tête de la page peut retarder le moment où le navigateur affiche quelque chose, et un JavaScript tiers lourd occupe le thread principal au point que la page semble figée quand un client appuie sur un bouton. Google mesure cela avec le Largest Contentful Paint, l’Interaction to Next Paint et le Cumulative Layout Shift – et un widget d’avis qui injecte ses étoiles trop tard peut ruiner votre CLS en poussant le titre du produit vers le bas une demi-seconde après le chargement. Pour mesurer les dégâts, passez votre boutique dans PageSpeed Insights et ouvrez l’audit « Reduce the impact of third-party code » ; il liste chaque domaine chargé sur votre page et les millisecondes que chacun vous coûte.

Les coûts cachés, au-delà de la vitesse

L’empilement d’applications coûte aussi de l’argent – ces abonnements mensuels s’additionnent vite – et il coûte en stabilité. Plus d’applications, c’est plus de choses qui peuvent casser, entrer en conflit entre elles ou ne plus suivre quand votre thème change. Chaque application est une petite dépendance que vous devez désormais entretenir.

Faites le calcul sur une pile classique : une app d’avis à 15 $, une app d’upsell à 30 $, un popup de collecte d’e-mails à 19 $, une liste d’envies à 10 $ et une barre « livraison offerte » à 10 $ vous coûtent tranquillement environ 84 $ par mois, soit plus de 1 000 $ par an, avant d’avoir vendu une seule unité de plus. Le coût en stabilité est plus insidieux. Beaucoup d’applications insèrent du code directement dans les fichiers de votre thème : quand vous changez de thème ou qu’un développeur touche à la mise en page, ce fragment peut casser ou cesser de se déclencher sans prévenir. Les applications entrent aussi en conflit entre elles – deux qui veulent piloter le bouton d’ajout au panier, ou deux scripts qui déclarent la même variable – et produisent des bugs pénibles à diagnostiquer, parce qu’aucune application n’est manifestement fautive.

Comment auditer vos applications

Ouvrez la liste de vos applications et, pour chacune, posez trois questions : est-ce que je m’en sers vraiment ? Le bénéfice vaut-il le coût mensuel et la perte de vitesse ? Mon thème pourrait-il le faire nativement ? Soyez honnête – la plupart des boutiques découvrent plusieurs applications installées pour un besoin ponctuel et jamais retirées. Désinstallez celles-là en premier, et nettoyez toujours le code que l’application a laissé dans votre thème.

Procédez avec méthode. Rangez vos applications dans trois cases : indispensables au chiffre d’affaires (abonnements, calcul de TVA ou de frais de port), confort (avis, upsells, listes d’envies) et zombies (installées pour un lancement ou un test, jamais rouvertes depuis). Supprimez les zombies aujourd’hui. Pour les applications de confort, vérifiez si la fonction est désormais native dans votre thème. Puis faites l’étape que tout le monde saute : après la désinstallation, ouvrez l’éditeur de code de votre thème depuis « Online Store », puis « Themes », puis « Edit code », et cherchez dans vos fichiers de layout et de template les balises de script ou le balisage laissés derrière. La désinstallation retire l’application de votre admin, mais le code orphelin continue souvent de se charger – et de vous ralentir – tant que vous ne l’effacez pas à la main. Dupliquez votre thème en ligne avant toute modification pour garder un retour en arrière propre.

Laissez votre thème faire le gros du travail

Beaucoup d’applications populaires n’existent que parce que les anciens thèmes n’avaient pas les fonctions de base. Un thème moderne bien construit gère nativement une grande partie du travail : méga-menus, ajout rapide au panier, ajout au panier collant, galeries d’images et zoom, barres d’annonce, guides des tailles via les metafields. Quand votre thème couvre tout cela, vous pouvez supprimer les applications qui font le même travail – et récupérer la vitesse perdue.

Le code natif est plus rapide pour une raison simple : il fait déjà partie de la page, donc pas de requête supplémentaire vers un serveur tiers ni d’attente pendant qu’un script extérieur se télécharge et s’exécute. Une barre d’ajout au panier collante intégrée au thème s’affiche dans la même passe que le reste ; la version applicative va chercher un script, attend, puis dessine après coup. Regardez ce que vous pouvez encore rapatrier : comptes à rebours et barres d’annonce via les réglages de section, badges de réassurance en blocs d’images statiques, FAQ en accordéon depuis les sections du thème, upsells et lots simples gérés avec les metafields et Liquid. Chaque remplacement, c’est un abonnement en moins et un script en moins.

Gardez une liste d’applications légère dans la durée

Avant d’installer quoi que ce soit de nouveau, vérifiez si votre thème le fait déjà, et fixez-vous une règle pour retirer les applications dont vous ne vous servez plus. Une pile d’applications légère est l’un des gains de performance les plus simples et les plus durables à votre portée.

Faites-en une règle, pas une intention. Adoptez le réflexe « une entre, une sort » : avant d’ajouter une application, nommez celle qu’elle remplace. Privilégiez les applications bâties sur les theme app extensions de Shopify, qui ne se chargent que là où c’est nécessaire et se retirent plus proprement que l’injection de code à l’ancienne. Mettez un rappel trimestriel dans votre agenda pour refaire l’audit ci-dessus, et chaque fois que vous démarrez un essai gratuit, programmez un rappel pour désinstaller avant la facturation – pour qu’un test de deux semaines ne devienne pas une ligne de dépense de deux ans.

Commencez par un thème qui demande moins d’applications

Notre thème éditorial REVUE est conçu pour qu’une boutique n’ait besoin d’aucune application tierce sur l’essentiel – les fondamentaux sont natifs, rapides et sémantiques. Résultat : une boutique plus légère, une facture mensuelle plus petite et moins de choses susceptibles de casser. Le guide de démarrage dans notre documentation détaille quelles fonctions d’applications courantes sont déjà intégrées, pour désinstaller en confiance. Découvrez l’approche Kiosk d’une boutique sobre en applications.