La boutique Shopify moyenne a 6 à 8 applications installées. Certaines en ont 20 ou plus. Chacune ajoute du JavaScript à votre vitrine, effectue des appels API externes et introduit des conflits potentiels. Nous avons vu des boutiques diviser leur temps de chargement par deux simplement en supprimant des applications dont elles ignoraient même qu'elles étaient encore actives.
Pourquoi les applications ralentissent votre boutique
Lorsque vous installez une application Shopify, elle injecte généralement du JavaScript et parfois du CSS dans votre thème. Ce code se charge à chaque affichage de page, que la fonctionnalité de l'application soit nécessaire ou non sur cette page. Voici ce qui se passe en coulisses :
- Requêtes HTTP supplémentaires : Les scripts de chaque application doivent être téléchargés depuis des serveurs externes
- Exécution JavaScript : Le navigateur doit analyser et exécuter chaque script, bloquant d'autres opérations
- Manipulation du DOM : De nombreuses applications modifient la structure de votre page après le chargement, provoquant des décalages de mise en page
- Appels API externes : Les applications contactent souvent leurs propres serveurs pour des données ou du suivi
Une seule application bien conçue peut ajouter 50 à 100 ms à votre temps de chargement. Mais empilez 10 à 15 applications, et vous regardez 1 à 3 secondes supplémentaires. C'est la différence entre une boutique rapide et une boutique lente.
Les pires coupables
Toutes les applications ne se valent pas en termes d'impact sur les performances. D'après notre expérience, ces catégories tendent à être les plus lourdes :
Widgets de chat
Les applications de chat en direct sont systématiquement parmi les plus gros impacts sur les performances. Elles chargent de volumineux bundles JavaScript, établissent des connexions WebSocket et incluent souvent leurs propres frameworks CSS. Certains widgets de chat populaires ajoutent à eux seuls 300 à 500 ms au temps de chargement.
Alternative : Envisagez d'utiliser une solution de chat légère, ou de ne charger le widget de chat qu'après une interaction de l'utilisateur (clic ou défilement) plutôt qu'au chargement de la page.
Applications d'avis
Les applications d'avis qui affichent des étoiles, des avis photos et des sections Q&R injectent souvent un code important. Les pires contrevenants chargent tous les avis d'un coup au lieu de les paginer, et incluent de lourds carrousels d'images pour les avis photos.
Alternative : Choisissez des applications d'avis qui chargent le contenu en différé et offrent des options de widget légères. Certaines applications plus récentes utilisent les metafields natifs de Shopify pour stocker les données d'avis, réduisant ainsi les appels API externes.
Applications de pop-up et marketing
Les pop-ups de capture d'email, les overlays d'exit-intent et les barres d'annonces sont souvent accompagnés d'un code étonnamment lourd. Nous avons vu des applications de pop-up uniques ajouter 200 à 400 ms au temps de chargement parce qu'elles incluent des bibliothèques d'animation complètes et une logique de ciblage complexe.
Analytique et tracking
Au-delà de Google Analyse et de vos pixels publicitaires principaux, de nombreuses boutiques accumulent des applications de tracking supplémentaires : cartes de chaleur, enregistrement de sessions, outils de tests A/B et plateformes d'attribution. Chacune ajoute du poids, et les données qu'elles fournissent se recoupent souvent.
Comment auditer vos applications
Voici notre processus étape par étape pour identifier quelles applications nuisent à vos performances :
Étape 1 : Tout répertorier
Allez dans votre interface d'administration Shopify, cliquez sur Paramètres > Applications et canaux de vente. Créez un tableur avec chaque application, son coût mensuel et une brève description de sa fonction.
Étape 2 : Vérifier le code de votre thème
Certaines applications laissent du code dans votre thème même après leur désinstallation. Allez dans Boutique en ligne > Thèmes > Modifier le code, et recherchez les références aux applications dans votre fichier theme.liquid et le dossier snippets. Vous pourriez trouver des vestiges d'applications supprimées il y a des mois.
Étape 3 : Mesurer l'impact individuel
La méthode la plus efficace pour mesurer l'impact d'une application est de désactiver temporairement les applications une par une et de faire des tests de vitesse entre chaque changement. Utilisez Google PageSpeed Insights ou WebPageTest.org. Documentez l'amélioration de vitesse (ou son absence) pour chaque application désactivée.
Étape 4 : Catégoriser et décider
Pour chaque application, catégorisez-la :
- Essentielle : Génère directement du chiffre d'affaires ou est nécessaire aux opérations (passerelle de paiement, expédition, gestion des stocks)
- Précieuse : Améliore l'expérience client ou le taux de conversion, avec un impact mesurable
- Agréable à avoir : Apporte un certain bénéfice mais n'est pas critique
- Poids mort : N'est plus utilisée, apporte une valeur minimale ou duplique la fonctionnalité d'une autre application
Supprimez immédiatement tout ce qui est dans la catégorie « poids mort ». Pour les applications « agréables à avoir », évaluez si le coût en performance dépasse le bénéfice.
Redondances courantes entre applications
Nous constatons fréquemment que des boutiques font tourner plusieurs applications qui font la même chose :
- Deux ou trois applications d'email marketing (parce qu'ils ont changé de fournisseur sans désinstaller l'ancien)
- Plusieurs applications SEO qui ne font essentiellement que modifier les balises meta
- Plusieurs applications d'urgence/rareté (comptes à rebours, compteurs de stock, etc.)
- Des outils d'analytique et de tracking qui se chevauchent
Que faire après avoir supprimé des applications
Désinstaller simplement une application depuis votre interface d'administration Shopify ne nettoie pas toujours complètement. Après avoir supprimé des applications :
- Vérifiez le code de votre thème pour les snippets et références résiduels
- Supprimez tous les blocs de code personnalisés que l'application vous avait demandé d'ajouter manuellement
- Éliminez les metafields créés par l'application dont vous n'avez plus besoin
- Effectuez un nouveau test de vitesse pour vérifier l'amélioration
- Surveillez votre boutique pendant quelques jours pour vous assurer que rien ne casse
Construire une stratégie d'applications
À l'avenir, soyez intentionnel dans vos installations d'applications :
- Une application par fonction : N'installez pas trois applications qui font des variations de la même chose
- Testez avant de vous engager : Pendant la période d'essai gratuite, mesurez l'impact sur les performances
- Révisez trimestriellement : Mettez un rappel dans votre agenda pour auditer vos applications tous les trois mois
- Envisagez le développement sur mesure : Pour des fonctionnalités simples, une solution de code personnalisé est souvent plus légère qu'une application complète
Les performances de votre boutique Shopify ne sont que celles de son application la plus lourde. Prenez le temps d'auditer, de supprimer ce dont vous n'avez pas besoin et d'être stratégique dans vos ajouts. Les améliorations de vitesse -- et les gains de taux de conversion qui en découlent -- en valent la peine.
Besoin d'aide pour un audit complet de vos applications ? Notre équipe peut vous aider à identifier exactement quelles applications vous coûtent en performance et trouver des alternatives plus légères.