Vous avez installé une application pour résoudre un problème. Cela a fonctionné. Ensuite, vous en avez installé un autre. Et un autre. Maintenant votre score de vitesse est dans les années 20 et vous vous demandez ce qui s'est passé.
Voici la vérité : ce n'est pas une seule application qui ralentit votre vitesse. C'est l'accumulation de JavaScript provenant de plusieurs applications, chacune ajoutant ses propres scripts, feuilles de style et pixels de suivi à chaque chargement de page. Décomposons exactement quelles applications sont les plus lourdes et ce que vous pouvez faire à ce sujet.
Comment les applications Shopify ralentissent réellement votre boutique
Lorsque vous installez une application Shopify qui ajoute des fonctionnalités à votre vitrine (un widget d'avis, une bulle de discussion, une popup), elle injecte JavaScript et CSS dans votre thème. Cela se produit le chaque chargement de page — pas seulement les pages où la fonctionnalité est visible.
Le problème est de savoir comment ces scripts se chargent. De nombreux scripts d'application sont blocage du rendu — ce qui signifie que le navigateur arrête d'afficher votre page visible jusqu'à ce que le script de l'application termine son téléchargement et son exécution. Un script de widget de révision dont le chargement prend 800 ms ? Cela représente 800 ms pendant lesquelles votre client regarde une page vierge ou à moitié chargée.
La chaîne de chargement du script :
- Le navigateur demande votre page HTML
- Le navigateur trouve les balises de script d'application dans le HTML
- Le navigateur télécharge chaque script (200 à 500 ms par application, selon la taille)
- Le navigateur exécute chaque script (100 à 300 ms par application)
- Seulement alors la page visible termine-t-elle le rendu
Avec 5 applications injectant des scripts synchrones, vous pouvez ajouter 1,5 à 4 secondes à chaque chargement de page. C'est la différence entre un magasin qui convertit et un magasin qui rebondit.
Il existe trois types d'impact de vitesse :
La taille brute du JavaScript ajouté par l'application. Mesuré en Ko. Tout ce qui dépasse 100 Ko est significatif.
Si le script bloque le rendu de la page. Les scripts synchrones dans le <head> sont les pires. Les scripts asynchrones/différés en bas sont meilleurs.
Requêtes HTTP supplémentaires effectuées par l'application (appels API, chargements de polices, récupérations d'images). Chaque requête ajoute de la latence, notamment sur les réseaux mobiles.
Les 8 pires catégories d'applications pour Shopify Speed
Ce sont les catégories d'applications qui nuisent le plus systématiquement aux scores de vitesse dans les centaines de magasins Shopify que nous avons analysés. Pour chacun, nous montrons le poids typique de JavaScript, pourquoi il est lourd et des alternatives plus rapides.
1. Widgets de chat en direct
Contrevenants lourds : Tidio (~ 350 Ko), Zendesk Chat (~ 300 Ko), Intercom (~ 400 Ko+), Drift (~ 380 Ko). Ces applications chargent leur widget de chat complet JavaScript sur chaque page, même si aucun visiteur ne clique sur le bouton de chat. Ils établissent également des connexions WebSocket persistantes pour la messagerie en temps réel.
Alternatives plus rapides : Shopify Inbox (intégré, poids de script minimal), Chatra (charge paresseux le widget) ou Gorgias (charge le chat uniquement lorsqu'il est déclenché). Mieux encore : utilisez Thunder pour différer le script du widget de discussion afin qu'il se charge après le rendu de la page : les visiteurs voient la page instantanément, la bulle de discussion apparaît un instant plus tard.
2. Applications de révision de photos et de vidéos
Contrevenants lourds : Yotpo (~300-500 Ko avec leur suite complète), Stamped.io (~200 Ko), Loox (~180 Ko). Le principal coupable est les widgets de galerie d'images qui chargent avec impatience plusieurs photos de clients, ainsi que JavaScript pour les notes par étoiles, les carrousels et les formulaires d'avis.
Alternative plus rapide : Judge.me est le champion de la vitesse dans cette catégorie : des scripts légers, des images chargées paresseusement et un forfait gratuit généreux. Lisez notre tour d'horizon des meilleures applications Shopify pour une comparaison détaillée.
3. Outils de capture de fenêtres contextuelles et d'e-mails
Contrevenants lourds : Privé (~ 250 Ko), OptinMonster (~ 200 Ko), Justuno (~ 280 Ko). Les applications contextuelles chargent leur moteur de rendu complet et leurs règles de ciblage sur chaque page, même si la fenêtre contextuelle ne s'affiche qu'une fois par session ou lors de l'intention de sortie. Beaucoup chargent également des polices et des images supplémentaires pour la conception du popup.
Alternatives plus rapides : Formulaires Shopify (intégrés, poids minimal), les fenêtres contextuelles intégrées de Klaviyo (si vous utilisez déjà Klaviyo pour le courrier électronique) ou utilisez Thunder pour différer les scripts contextuels jusqu'après le chargement de la page. La fenêtre contextuelle n'a pas besoin d'être prête dans les 100 premières ms : elle se déclenche de toute façon après que le visiteur soit sur la page pendant un certain temps.
4. Générateurs de pages
Contrevenants lourds : PageFly (~ 300-400 Ko), GemPages (~ 350 Ko), Zipify Pages (~ 250 Ko). Les créateurs de pages ajoutent leur propre framework CSS et leur propre moteur de rendu JavaScript au-dessus du code existant de votre thème. La surcharge est particulièrement visible sur mobile où le CSS du thème et le CSS du constructeur sont en concurrence.
Alternative plus rapide : Utilisez les sections et blocs intégrés de votre thème. Les thèmes Shopify Online Store 2.0 disposent d'une édition flexible basée sur des sections qui couvre 80 % de ce que font les créateurs de pages, sans aucun JavaScript supplémentaire. Si vous avez besoin d'un constructeur, la sortie du code de Shogun est légèrement plus propre que celle de PageFly.
5. Outils d'analyse et d'enregistrement de session
Contrevenants lourds : Hotjar (~120 Ko + suivi DOM continu), Lucky Orange (~180 Ko), FullStory (~200 Ko+). Les outils d'enregistrement de session suivent chaque mouvement, défilement et clic de la souris, ce qui nécessite un processus JavaScript persistant s'exécutant tout au long de la visite. Lisez notre analyse pour savoir si Hotjar ralentit Shopify.
Alternative plus rapide : Microsoft Clarity — sessions gratuites et illimitées et légèrement plus légères que Hotjar. Ou utiliser Analyses intégrées de Shopify pour les données de comportement de base. Thunder peut différer ces scripts de suivi afin qu'ils se chargent après le rendu de la page.
6. Widgets de preuve sociale et d'urgence
Contrevenants lourds : FOMO (~ 150 Ko), Sales Pop (~ 120 Ko), applications de compte à rebours (~ 80-150 Ko). Ces applications affichent des notifications « Quelqu'un à New York vient d'acheter... », de faux compteurs d'urgence et des badges de confiance. La plupart chargent leurs scripts sur chaque page même si les notifications sont de simples éléments DOM.
Alternative plus rapide : Beaucoup d'entre eux sont également discutables du point de vue de la conversion — une fausse urgence peut éroder la confiance. Si vous voulez une preuve sociale réelle, utilisez les décomptes d'avis Judge.me ou vos données de conversion réelles. Si vous insistez sur les notifications pop-up, différez-les avec Thunder.
7. Convertisseurs de devises et applications de traduction
Contrevenants lourds : MEILLEUR convertisseur de devises (~ 120 Ko), Weglot (~ 150 Ko avec appels API de traduction), Langify (~ 130 Ko). Les applications de devises doivent analyser et modifier chaque élément de prix sur la page. Les applications de traduction doivent échanger le contenu du texte. Les deux nécessitent du JavaScript qui s'exécute après le chargement du DOM, provoquant potentiellement des déplacements de contenu visibles (Problèmes CLS).
Alternative plus rapide : Utilisez Shopify Markets pour le multi-devises : il gère la conversion de devises côté serveur, il n'y a donc pas de JavaScript côté client ni de changement de contenu. Pour la traduction, la fonctionnalité multilingue native de Shopify est plus légère que les applications tierces.
8. Programmes de fidélité et de récompenses
Contrevenants lourds : Smile.io (~ 200 Ko), LoyaltyLion (~ 250 Ko), Yotpo Loyalty (~ 300 Ko+). Les widgets de fidélité chargent un bouton de lancement flottant, un affichage des points et un panneau de récompense sur chaque page. Le widget lui-même est souvent une iframe avec son propre bundle CSS et JavaScript.
Alternative plus rapide : Déterminez si vous avez réellement besoin d'un widget de fidélité visible sur chaque page. De nombreuses applications de fidélité vous permettent de désactiver le widget flottant et d'utiliser à la place une page dédiée « /rewards », éliminant ainsi complètement le script de vitrine. Thunder diffère efficacement les scripts des widgets de fidélité puisqu'ils n'ont pas besoin d'être chargés jusqu'à ce que le visiteur interagisse avec eux.
Comment auditer vos applications Shopify pour un impact rapide
Avant de commencer à supprimer des applications, déterminez lesquelles sont réellement à l'origine du problème. Voici le processus :
Étape 1 : Exécuter un test de vitesse de base
Testez la vitesse de votre magasin et notez votre score actuel. Testez à la fois votre page d'accueil et une page produit (les pages produits contiennent généralement plus de scripts d'application).
Étape 2 : Identifier tous les scripts Storefront
Utilisez notre Analyseur Shopify ou ouvrez Chrome DevTools (F12) → onglet Réseau → filtrez par "JS" → rechargez. Comptez combien de fichiers de script se chargent et notez leurs tailles. Tout ce qui provient d'un domaine qui n'est pas cdn.shopify.com ou votre propre domaine est probablement un script d'application.
Étape 3 : faire correspondre les scripts aux applications
La plupart des scripts d'application se chargent à partir de domaines reconnaissables : *.klaviyo.com, *.hotjar.com, *.judge.me, *.tidio.co, etc. Associez chaque script à son application et notez la taille du fichier. Créez une liste simple : Nom de l'application → Taille du script → Blocage du rendu (oui/non).
Étape 4 : Décidez — Supprimer, remplacer ou reporter
Pour chaque application, demandez : (1) Cette application génère-t-elle une valeur mesurable (revenus, conversions, satisfaction client) ? Si non → supprimez-le. (2) Existe-t-il une alternative plus légère ? Si oui → envisager de changer. (3) Le scénario peut-il être différé ? Si oui → installer Thunder et laissez-le gérer automatiquement le report.
Résoudre le problème de vitesse sans supprimer les applications
Voici ce qui manque le plus aux conseils de « supprimez vos applications » : vous avez installé ces applications pour une raison. Les avis génèrent des conversions. La capture d'e-mails agrandit votre liste. Le chat en direct réduit les frictions avant l’achat. Les supprimer pour atteindre un objectif de score de vitesse revient à optimiser une mauvaise mesure.
La meilleure approche : conserver les applications qui apportent de la valeur, mais changer comment leurs scripts se chargent.
⚡ L'approche Thunder
Thunder Page Speed Optimizer diffère automatiquement les scripts d'application afin qu'ils se chargent après le rendu de votre page visible. Au lieu de bloquer le chargement de la page, les scripts d'application sont téléchargés et exécutés en arrière-plan une fois que le client peut déjà voir et interagir avec votre boutique.
Cela signifie : votre widget d'avis fonctionne toujours, votre bulle de discussion apparaît toujours, vos popups se déclenchent toujours — mais votre page se charge en 2 secondes au lieu de 5. Amélioration moyenne : +27 points sur PageSpeed Insights.
Découvrez comment fonctionne le report de script de Thunder →
Autres étapes d'optimisation que vous pouvez suivre avec Thunder :
- Désactivez les fonctionnalités de l'application que vous n'utilisez pas. De nombreuses applications ont des bascules pour les widgets individuels. Désactivez les fonctionnalités que vous avez activées « juste au cas où ».
- Limiter les applications à des pages spécifiques. Certaines applications vous permettent de choisir où apparaît leur widget. Affichez votre widget d'avis uniquement sur les pages de produits, pas sur la page d'accueil.
- Supprimez les fonctionnalités en double. Deux applications d'avis ? Deux outils contextuels ? Choisissez-en un et supprimez complètement l’autre.
- Vérifiez scripts restants des applications que vous avez déjà désinstallées.
Le problème caché : le code restant des applications supprimées
Vous avez désinstallé une application, mais votre boutique est toujours lente. Cela vous semble familier ? De nombreuses applications Shopify injectent des extraits de code dans vos fichiers de thème lors de l'installation et ne se nettoient pas lorsque vous désinstallez.
Les endroits communs restants du code de l'application se cachent :
- thème.liquide — Balises de script dans le <head> ou avant </body>. <!-- Begin AppName --> ou des URL de script src provenant de domaines d'applications.
- Dossier Extraits — Fichiers nommés d'après les applications : app-name.liquid, app-name-script.liquid. Si vous avez désinstallé l’application, ce sont des poids morts.
- Dossier Actifs — Fichiers CSS et JS téléchargés par les applications. Ceux-ci ne sont pas supprimés automatiquement lors de la désinstallation.
- Fichiers de mise en page — Certaines applications modifient checkout.liquid ou d'autres fichiers de mise en page.
Comment le nettoyer : Accédez à la boutique en ligne → Thèmes → Modifier le code. Recherchez dans votre fichier theme.liquid les balises de script faisant référence aux domaines des applications que vous avez supprimées. Vérifiez le dossier Snippets pour les fichiers d'application orphelins. Si vous n'êtes pas à l'aise avec la modification du code du thème, notre service d'optimisation de vitesse inclut un nettoyage complet du code d'application restant.
Nous avons vu des boutiques récupérer 10-20 points sur PageSpeed Insights juste en nettoyant le code résiduel des 3-4 applications désinstallées. C'est l'un des gains les plus rapides en optimisation de la vitesse Adresses.
Votre thème compte aussi : certains thèmes gèrent mieux les scripts d'application que d'autres. Consultez notre Comparaison de la vitesse du thème Shopify pour voir comment 68 thèmes sont classés selon les données CWV du monde réel. Et pour avoir une idée complète de la manière dont les applications affectent l’écosystème Shopify au sens large, notre Rapport de vitesse Shopify 2026 montre que les scripts tiers représentent 62 % du JavaScript total sur un magasin moyen.
Référence rapide : Tableau d'impact de la vitesse des applications
| Catégorie d'application | Poids JS typique | Vitesse Impact | Alternative plus rapide |
|---|---|---|---|
| Chat en direct | 200-400KB | Élevé | Boîte de réception Shopify, Chatra |
| Avis (Photo/Vidéo) | 150-500KB | Élevé | Juge.moi |
| Popups/Capture d'e-mails | 100-300KB | Moyen-Élevé | Shopify Forms, Klaviyo intégré |
| Générateurs de pages | 200-600KB | Élevé | Sections thématiques (OS 2.0) |
| Analyses/Heatmaps | 100-250KB | Moyen | Microsoft Clarté |
| Preuve Sociale/Urgence | 80-200KB | Moyen | Les avis de Judge.me comptent |
| Devise/Conversion | 100-200KB | Moyen | Marchés Shopify |
| Fidélité/Récompenses | 150-300KB | Moyen-Élevé | Page dédiée vs widget |
*Toutes les catégories peuvent être atténuées grâce au report automatique des scripts de Thunder.
Foire aux questions
Comment savoir quelles applications Shopify ralentissent ma boutique ?
Trois méthodes : (1) Utilisez Shopify Analyzer de Thunder sur Thunderpagespeed.com/tools/shopify-analyzer/ pour voir chaque script chargé sur votre vitrine et à quelles applications ils appartiennent. (2) Ouvrez Chrome DevTools → onglet Réseau, filtrez par JS et triez par taille pour trouver les scripts les plus lourds. (3) Désactivez temporairement les applications une par une et réexécutez PageSpeed Insights pour mesurer le changement de score provoqué par chaque application. L’application avec la plus forte baisse de score est votre pire contrevenant.
Les applications Shopify désinstallées ralentissent-elles toujours ma boutique ?
Oui, c'est un problème courant. De nombreuses applications injectent du code dans les fichiers liquid de votre thème lors de l'installation et ne le nettoient pas entièrement lorsque vous les désinstallez. Vérifiez le code de votre thème (en particulier theme.liquid, les extraits d'en-tête et de pied de page) pour les balises de script restantes des applications que vous avez supprimées. Vérifiez également le dossier Snippets dans votre éditeur de thème pour les fichiers d'applications orphelins. La suppression du code restant peut vous faire récupérer 5-15 points sur votre score de vitesse.
Vaut-il mieux avoir moins d'applications Shopify ?
Pas nécessairement. Ce qui compte, c'est la qualité des applications, pas la quantité. Un magasin avec 20 applications bien optimisées (utilisant Thunder pour différer leurs scripts) peut être plus rapide qu'un magasin avec 5 applications mal codées. Cela dit, chaque application ajoute de la complexité et du poids potentiel au script. La règle : conservez les applications qui offrent une valeur mesurable, supprimez celles que vous avez installées pour « essayer » mais qui n'ont jamais été configurées correctement.
Thunder peut-il corriger l'impact sur la vitesse des applications lourdes ?
Thunder réduit considérablement l'impact sur la vitesse de la plupart des applications en différant le chargement de leur JavaScript jusqu'après le rendu initial de la page. Au lieu de bloquer le chargement de votre page pendant que les scripts d'applications se téléchargent et s'exécutent, Thunder s'assure que la page visible se charge en premier, puis charge les scripts d'applications en arrière-plan. Cela permet généralement de récupérer 15-30 points sur PageSpeed Insights. Cependant, Thunder ne peut pas corriger les applications qui injectent un CSS inline excessif ou modifient le DOM avant le rendu — celles-ci nécessitent des alternatives plus légères.
Quels types d'applications Shopify ont le plus grand impact sur la vitesse ?
Les catégories d'applications les plus lourdes sont : (1) Les widgets de chat en direct – ils chargent de gros ensembles JavaScript et établissent des connexions WebSocket sur chaque page, (2) Les applications d'évaluation avec des galeries de photos/vidéos – en particulier celles qui chargent toutes les images d'évaluation au-dessus de la ligne de flottaison, (3) Les outils de capture de fenêtres contextuelles et d'e-mails – en particulier ceux avec des règles de ciblage complexes qui sont évaluées à chaque chargement de page, (4) Les constructeurs de pages – ils ajoutent leurs propres frameworks CSS et JavaScript au-dessus de votre thème, et (5) Outils d'analyse/carte thermique qui enregistrent les sessions : ils suivent chaque mouvement et chaque clic de la souris.
Dois-je éviter les applications qui affichent le badge rouge « vitesse d'impact » sur l'App Store ?
Pas automatiquement. Le badge d'impact de vitesse de Shopify est un indicateur approximatif et non une mesure précise. Certaines applications portant le badge ont un impact minime dans le monde réel, tandis que d'autres sans celui-ci ajoutent encore du JavaScript important. Le badge dépend du fait que l'application injecte ou non des scripts de vitrine, ce que les applications les plus utiles doivent faire. Au lieu d'éviter toutes les applications signalées, utilisez Thunder pour différer leurs scripts et tester votre vitesse avant et après l'installation.