Option A : ignorer le diagnostic – tout réparer en même temps
Diagnostiquer les problèmes de vitesse est précieux si vous souhaitez comprendre votre magasin. Mais si tu veux juste que ça soit réparé, Thunder Page Speed Optimizer gère automatiquement les goulots d'étranglement les plus courants — sans avoir besoin de les identifier au préalable.
Pensez-y comme ceci : vous pourrait passez une heure à diagnostiquer pourquoi votre voiture fait un bruit étrange, ou vous pouvez l'emmener chez un mécanicien qui la réparera en 10 minutes. Thunder est ce mécanisme pour la vitesse de Shopify – consultez notre Forfaits et tarifs pour voir ce qui convient à votre magasin.
Ce que Thunder diagnostique et corrige automatiquement :
Forfait gratuit disponible · Aucune carte de crédit requise · Moyenne : +27 points
Envie de comprendre pourquoi Les visiteurs votre magasin est lent ? Le diagnostic étape par étape ci-dessous vous montrera exactement ce qui se passe.
Not Sure What's Slowing Your Store?
Get a free speed analysis showing exactly which apps and scripts hurt your Core Web Vitals — with personalized fixes.
Free · Takes ~60 seconds · Report delivered to your inbox
Analyzing your store...
This usually takes 30-60 seconds
Report Sent!
Check your inbox in 2-3 minutes. We've sent a detailed speed report with personalized recommendations.
Obtenez votre score de base
Avant de changer quoi que ce soit, déterminez où vous en êtes. Vous pouvez effectuez un test de vitesse gratuit grâce à notre outil, ou rendez-vous directement sur Informations Google PageSpeed:
- 1. Aller à pagespeed.web.dev
- 2. Saisissez l'URL de votre boutique (par exemple,
votreboutique.myshopify.comou votre domaine personnalisé) - 3. Attendez l'analyse (prend 15-30 secondes)
- 4. Capture d'écran ou notez votre Score mobile Score — c'est celui qui compte le plus
- 5. Exécutez-le 3 fois et faire la moyenne des scores (les tests uniques sont bruyants)
Pourquoi mobile ? Google utilise les performances mobiles pour les signaux de classement SEO. Le test mobile simule également un appareil plus lent (limitation du processeur 4x, 4G simulée), ce qui rend les problèmes plus visibles. Si votre score sur mobile est bon, celui sur ordinateur le sera certainement aussi.
Testez également ces pages (pas seulement votre page d'accueil) :
- → Une page produit (votre best-seller)
- → Une page de collection (votre plus grande collection)
- → Votre page panier
Différentes pages ont des profils de performances différents. Votre page d'accueil peut obtenir un score de 50 tandis que votre page de collection en obtient un score de 30, car elle charge 50 images de produits.
Lire les diagnostics (pas seulement le score)
Le score n'est qu'un nombre — la valeur réelle se trouve dans les diagnostics en dessous. PageSpeed Insights décompose vos performances en mesures spécifiques et vous propose des recommandations exploitables. Pour une procédure pas à pas structurée, suivez notre Guide d'audit de vitesse .
Les 5 métriques à vérifier
Temps de blocage total
Bon : <200 ms · Mauvais : >600 ms · Poids : 30 %
La plus grande peinture de contenu
Bon : <2,5s · Mauvais : >4s · Poids : 25%
Changement de disposition cumulatif
Bon : <0,1 · Mauvais : >0,25 · Poids : 25%
Première peinture de contenu
Bon : <1,8s · Mauvais : >3s · Poids : 10%
Indice de vitesse
Bon : <3,4s · Mauvais : >5,8s · Poids : 10%
Que rechercher
Faites défiler jusqu'au "Opportunités" et "Diagnostic" Sections . Ceux-ci vous indiquent exactement les éléments à corriger, triés par impact estimé. Résultats courants pour les magasins Shopify :
💡 Conseil de pro : Les deux premiers éléments (ressources bloquant le rendu et code tiers) sont presque toujours les plus grands coupables dans les magasins Shopify. Si ceux-ci sont rouges, c'est votre point de départ. Thunder répond automatiquement à ces deux problèmes.
Vérifiez ce qui est en cours de chargement (cascade réseau)
PageSpeed Insights vous le dit quoi est lent. La cascade réseau dans Chrome DevTools vous montre exactement comment Chargement des ressources — l'ordre, le calendrier et les dépendances.
Comment afficher la cascade du réseau
- 1. Ouvrez votre boutique dans Chrome
- 2. Appuyez sur F12 (ou clic droit → "Inspecter")
- 3. Cliquez sur le Onglet
- 4. Cochez "Désactiver le cache" en haut
- 5. Recharger la page (Ctrl+R)
- 6. Regardez le graphique en cascade à droite
Que rechercher dans la cascade
Longues barres en haut = Bloqueurs de rendu
Les scripts et les fichiers CSS qui se chargent tôt et prennent beaucoup de temps bloquent tout ce qui se trouve en dessous d'eux. Ce sont vos cibles les plus prioritaires.
De nombreuses requêtes vers différents domaines = surcharge de tiers
Filtrez par « tiers » pour voir à combien de domaines externes votre boutique se connecte. Chacun est une recherche DNS + connexion + téléchargement. Plus de 15 domaines tiers sont un signal d’alarme.
Grandes barres bleues/violettes = gros téléchargements
Trier par « Taille » pour trouver les fichiers les plus volumineux. Les images de plus de 200 Ko et les scripts de plus de 100 Ko méritent d'être étudiés.
Nombre total de demandes
Vérifiez la barre d'état inférieure pour connaître le total des demandes et la taille du transfert. Une boutique Shopify optimisée typique charge 40 à 60 requêtes. Plus de 100 demandes indiquent une surcharge importante.
Hack rapide : Dans la zone de filtre de l'onglet Réseau, saisissez
Domaine :*.js pour voir uniquement les fichiers JavaScript. Comptez-les. Si vous voyez plus de 20 fichiers JS se charger lors du chargement de la page, la surcharge des scripts est votre problème – et le report des scripts de Thunder est la solution la plus rapide.
Identifiez le plus gros goulot d'étranglement
Maintenant que vous disposez des données, catégorisez le problème principal de votre magasin. La plupart des problèmes de vitesse de Shopify appartiennent à l’une de ces quatre catégories. Une fois que vous avez identifié le vôtre, notre guide sur Shopify chargeant des correctifs lents vous accompagne à travers des solutions ciblées pour chacun.
🔴 Ballonnement des scripts
Symptômes : TBT élevé (>600 ms), avertissement « Éliminer les ressources bloquant le rendu », de nombreux fichiers JS en cascade, avertissement « Réduire le code tiers »
Cause : Trop d'applications, scripts non différés, code de suivi lourd
Thunder corrige ce problème automatiquement ✅
🟠 Ballonnement d'image
Symptômes : LCP élevé (> 4s), avertissement « Taille correcte des images », grande taille de transfert, indice de vitesse lent
Cause : Images surdimensionnées, chargement paresseux manquant, pas de conversion WebP
Thunder corrige ce problème automatiquement ✅
🟡 Thème Ballonnement
Symptômes : Lent même sans applications, fichiers CSS volumineux (> 200 Ko), avertissements "Réduire les CSS/JS inutilisés", DOM volumineux
Cause : Thème tiers lourd avec des fonctionnalités excessives
Thunder améliore considérablement cela ✅
🔵 Lenteur du serveur
Symptômes : TTFB élevé (>500 ms), FCP lent, longue barre verte au début de la cascade
Cause : Modèles Liquid complexes, requêtes de collecte lourdes, trop de sections
Nécessite une optimisation manuelle des liquides
La plupart des magasins ont plusieurs problèmes. C'est normal. La bonne nouvelle est que Thunder s’attaque automatiquement aux 3 principaux compartiments (ballonnement des scripts, ballonnement des images et ballonnement des thèmes). Si votre principal problème est la lenteur du serveur, Thunder vous aide toujours en accélérant le processus du navigateur une fois arrivé.
avec les applications désactivées (le test d'isolement)
Le test le plus révélateur que vous puissiez exécuter : vérifiez votre vitesse avec toutes les applications désactivées. This tells you exactly how much of your speed problem comes from apps vs. your theme. For a deep dive on app-related slowdowns, see our analysis of comment les scripts tiers affectent les performances de Shopify.
Comment exécuter le test d'isolement
- 1. Dans l'administrateur Shopify, accédez à Paramètres → Applications et canaux de vente
- 2. Désactivez temporairement toutes les intégrations d'applications (Boutique en ligne → Thèmes → Personnaliser → Bascule d'intégration d'applications)
- 3. Exécutez PageSpeed Insights sur votre boutique
- 4. Compare this score to your baseline from Step 1
- 5. Réactivez l'intégration de l'application une fois terminé
Interprétation des résultats
Le score a bondi de plus de 20 points avec les applications désactivées ? Les applications sont votre principal goulot d'étranglement. C’est le résultat le plus courant – et c’est exactement ce que Thunder corrige en différant les scripts d’application.
Le score a à peine changé ? Votre thème est le goulot d'étranglement. Pensez à passer à un thème plus léger ou utilisez Thunder pour optimiser le chargement du CSS et du JS du thème.
Score amélioré de 10 à 15 points ? It's a mix of apps and theme. Both contribute. Thunder addresses both — defers app scripts and inlines critical CSS from your theme.
⚠️Important : La désactivation de l'intégration d'applications dans l'éditeur de thème n'affecte pas toutes les applications. Certains injectent du code directement dans thème.liquide via l'API ScriptTag ou insertion manuelle de code. Pour un véritable test d'isolement, vous devrez créer un thème non publié en double avec tout le code de l'application supprimé manuellement, ce qui représente beaucoup de travail. L'approche de Thunder est plus simple : tout reporter et faire fonctionner vos applications.
Vérifier les données utilisateur réelles (terrain vs laboratoire)
Le score de vitesse est constitué de données de laboratoire : conditions simulées sur un appareil limité. Mais Google collecte également données utilisateur réelles des utilisateurs de Chrome qui visitent votre boutique. C’est ce qui compte réellement pour le référencement.
Dans PageSpeed Insights, recherchez le "Découvrez ce que vivent vos vrais utilisateurs" section at the top. This shows Core Web Vitals from actual visitors over the last 28 days.
LCP
La plus grande peinture de contenu
Bon : ≤ 2,5s
Médiocre : > 4,0s
INP
Interaction avec la prochaine peinture
Bon : ≤ 200 ms
Mauvais : > 500 ms
CLS
Changement de disposition cumulatif
Bon : ≤ 0,1
Mauvais : > 0,25
Si vos données de terrain sont entièrement vertes (réussite), vos performances réelles sont bonnes, même si votre score en laboratoire semble mauvais. Le score de laboratoire est plus sévère car il simule les pires conditions.
Si vos données de champ s'affichent en rouge, il s'agit d'un réel problème affectant les vrais clients et votre classement dans les recherches. C’est là que l’optimisation de la vitesse présente le retour sur investissement le plus élevé. Notre Guide d'optimisation de la boutique Shopify couvre les correctifs les plus impactants pour commencer.
Pour une comparaison de tous les outils de test mentionnés dans ce guide — y compris quand utiliser chacun d'eux — consultez notre tour d'horizon des meilleurs outils de test de vitesse Shopify. Et une fois que vous avez diagnostiqué et résolu les problèmes, configurez suivi continu des performances pour détecter les futures régressions avant qu'elles ne nuisent aux conversions.
Modèles de diagnostic courants (ce que nous voyons le plus souvent)
Après avoir analysé des milliers de magasins Shopify, voici les modèles les plus courants que nous observons. Si vous souhaitez des mesures concrètes après avoir identifié votre modèle, lisez notre article sur comment accélérer votre boutique Shopify.
🏪 Modèle 1 : « Le collecteur d'applications » (le plus courant — ~ 60 % des magasins)
Score : 20-40 · TBT : 1 500 ms+ · Plus de 15 applications installées · Plus de 30 fichiers JS chargés
Diagnostic : La boutique a accumulé des applications au fil des mois/années. Chacun semblait petit, mais ensemble, ils créent un énorme goulot d’étranglement dans le script. Le magasin obtiendrait un score de 70+ sans les scripts d'application.
Correction : Thunder reporte tous les scripts d'application → amélioration immédiate de 20 à 30 points. Auditez ensuite les applications et supprimez celles inutilisées pour des gains supplémentaires.
🎨 Patron 2 : "Le Thème Heavy" (~25% des magasins)
Score : 30-50 · FCP : 3s+ · Gros bundles CSS/JS · Lent même avec 0 application
Diagnostic : Thème premium avec des tonnes de fonctionnalités (méga-menu, animations, plusieurs moteurs de mise en page). Charge plus de 300 Ko de CSS et 200 Ko de JS sur chaque page, quelles que soient les fonctionnalités utilisées.
Correction : Thunder intègre les CSS critiques et reporte le reste → amélioration de 15 à 20 points. Pour des gains maximaux, envisagez de passer au thème Dawn ou Refresh.
📸 Patron 3 : "L'Image Heavy" (~10% des magasins)
Score : 35-55 · LCP : 5s+ · Poids total de la page élevé (5 Mo+) · Avertissement « Taille correcte des images »
Diagnostic : Photos de produits haute résolution et images de style de vie téléchargées en taille réelle sans optimisation. Diaporama Hero avec 5 images non compressées de 3 Mo. Pas de chargement différé pour le contenu en dessous de la ligne de flottaison.
Correction : Thunder charge paresseusement les images hors écran et précharge l'image LCP → amélioration de 10 à 15 points. Compressez et redimensionnez également manuellement les images les plus grandes pour des gains supplémentaires.
🔀 Patron 4 : "Tout ce qui précède" (~5% des magasins)
Score : 10-25 · Tout rouge · Application extrême + thème + ballonnement d'image
Diagnostic : Thème lourd + 20+ applications + images non optimisées + plusieurs scripts de suivi. Il faut 8 à 12 secondes au magasin pour devenir interactif sur mobile. Généralement des magasins de longue date qui se sont développés de manière organique.
Correction : Thunder → amélioration immédiate de 25-35 points. Abordez ensuite systématiquement : supprimez les applications inutilisées, compressez les images, envisagez un thème plus léger. Travaillez par étapes – n’essayez pas de tout réparer en même temps.
Utilisation du tableau de bord de Thunder pour une surveillance continue
L'exécution de tests PageSpeed Insights manuels est idéale pour le diagnostic, mais vous avez besoin d'une surveillance continue pour détecter les régressions. L'installation d'une nouvelle application, la mise à jour de votre thème ou l'ajout d'un pixel marketing peuvent augmenter votre score du jour au lendemain. Le tableau de bord de
Thunder fournit :
📊 Suivi de vitesse quotidien
Tests Lighthouse quotidiens automatiques sur vos pages clés. Consultez votre moyenne sur 7 jours au lieu de vous fier à des tests bruyants uniques. Repérez les tendances avant qu’elles ne deviennent des problèmes.
📈 Comparaison Avant/Après
Voyez exactement à quel point Thunder a amélioré votre score. Comparez vos performances optimisées et non optimisées pour quantifier le retour sur investissement.
🔔 Alertes de régression
Soyez averti si votre score baisse de manière significative – souvent le signe qu'une nouvelle mise à jour d'application ou de thème a introduit un problème de performances.
🎯 Répartition des métriques
Voir les métriques individuelles (LCP, TBT, CLS, FCP, SI) suivies au fil du temps. Comprenez quels domaines spécifiques ont été améliorés et lesquels nécessitent encore du travail.
Diagnostiquer + Réparer + Surveiller — Application tout-en-un
Thunder ne se contente pas d'optimiser : il surveille quotidiennement votre magasin afin que vous sachiez toujours où vous en êtes.
Démarrer la surveillance gratuitement →Le plan gratuit comprend la surveillance quotidienne de la vitesse · Aucune carte de crédit requise
Foire aux questions
Comment savoir si ma boutique Shopify est réellement lente ?
Exécutez l'URL de votre boutique via Google PageSpeed Insights (pagespeed.web.dev). Si votre score mobile est inférieur à 50, votre boutique rencontre des problèmes de vitesse importants. Vérifiez également si la section « Données de terrain » affiche des Core Web Vitals défaillants (LCP, CLS ou INP rouges). Pour un test rapide dans le monde réel, ouvrez votre boutique sur votre téléphone à l'aide de données cellulaires : s'il faut plus de 3 secondes pour voir le contenu, les clients rebondissent.
Quelle est la cause la plus courante d'une boutique Shopify lente ?
Render-blocking JavaScript from installed apps is the #1 cause. Each Shopify app can inject scripts that prevent your page from rendering until they've loaded. A store with 10-15 apps often has 1-3 seconds of unnecessary blocking time. Thunder Page Speed Optimizer defers these scripts automatically, which is why it typically improves scores by 27+ points.
Puis-je diagnostiquer des problèmes de vitesse sans connaissances techniques ?
Oui. Google PageSpeed Insights vous donne un score et des recommandations en langage simple. Le tableau de bord de Thunder affiche vos tendances de vitesse quotidiennes et met en évidence les plus gros problèmes en termes simples. Pour une analyse plus approfondie, l'onglet Lighthouse de Chrome DevTools fournit des diagnostics détaillés, mais les deux premiers outils suffisent à la plupart des commerçants pour identifier le problème.
Pourquoi ma boutique Shopify est-elle lente uniquement sur mobile ?
Les tests de vitesse mobile simulent un téléphone de milieu de gamme avec un processeur limité (4 fois plus lent qu'un ordinateur portable) et un réseau 4G. JavaScript qui s'exécute en 200 ms sur un ordinateur de bureau prend plus de 800 ms sur un mobile simulé. C'est pourquoi l'optimisation des scripts a un impact si dramatique sur les scores mobiles. Votre boutique peut sembler rapide sur votre MacBook mais terrible sur un téléphone Android économique, ce que la plupart de vos clients utilisent.
À quelle fréquence dois-je vérifier la vitesse de ma boutique Shopify ?
Vérifiez après tout changement important : installation/suppression d'applications, mise à jour de votre thème, ajout de nouvelles sections ou modification d'images. Pour une surveillance continue, Thunder suit quotidiennement votre vitesse et vous alerte en cas de régression. Au minimum, effectuez un contrôle mensuel à l'aide de PageSpeed Insights. Ne vérifiez pas de manière obsessionnelle : les résultats des tests individuels varient naturellement de 5 à 10 points.
De quels outils ai-je besoin pour diagnostiquer les problèmes de vitesse de Shopify ?
Commencez avec Google PageSpeed Insights (gratuit, aucune installation requise) pour un score global et des recommandations. Utilisez l'onglet Réseau de Chrome DevTools pour voir ce qui se charge et combien de temps cela prend. Pour une surveillance continue, le tableau de bord de Thunder suit quotidiennement votre score et identifie les plus gros goulots d'étranglement. GTmetrix et WebPageTest sont de bons outils supplémentaires pour l'analyse en cascade.