La solution instantanée (avant d'entrer dans le détail)
Avant de passer des heures à diagnostiquer chaque cause individuellement, essayez la solution en un clic qui corrige la plupart d'entre elles automatiquement :
Thunder corrige automatiquement 7 de ces 10 causes :
Forfait gratuit · Installation en 30 secondes · +27 points PageSpeed en moyenne
Pour les causes restantes (code d'applications résiduel, boucles Liquid, page d'accueil surchargée), une intervention manuelle sera nécessaire. Consultez les tarifs de Thunder pour voir quelles optimisations sont incluses dans chaque forfait. Passons maintenant en revue les 10 causes.
Pas sûr de ce qui ralentit votre boutique?
Obtenez une analyse de vitesse gratuite montrant exactement quelles apps et scripts affectent vos Core Web Vitals — avec des solutions personnalisées.
Gratuit · Environ 60 secondes · Rapport envoyé par email
Analyse de votre boutique...
Cela prend généralement 30 à 60 secondes
Rapport envoyé !
Vérifiez votre boîte de réception dans 2-3 minutes. Nous vous avons envoyé un rapport détaillé avec des recommandations personnalisées.
Code résiduel d'applications désinstallées
Impact : élevé — peut ajouter 500 ms à 2 s de chargement inutile
C'est le tueur de vitesse caché n°1. Lorsque vous désinstallez une application Shopify, son code reste souvent dans votre thème. Des balises de script dans theme.liquid, des fichiers CSS dans votre dossier assets, des snippets Liquid dans le répertoire snippets — tout cela continue de se charger à chaque page vue, ralentissant votre boutique pour une application que vous n'utilisez plus.
Nous avons vu des boutiques où le code de plus de 10 applications désinstallées se chargeait encore. Chacune ajoute du JavaScript et du CSS que le navigateur doit télécharger, analyser et exécuter — alors que l'application ne fait plus rien.
⚡ Correctif Thunder
Thunder diffère tous les scripts — y compris les scripts d'applications orphelins — pour qu'ils ne bloquent pas le rendu. Le code se charge toujours, mais il n'impacte plus votre score PageSpeed ni le temps de chargement initial. Pour un correctif complet, vous devrez tout de même supprimer le code manuellement.
🔧 Correctif manuel
Ouvrez l'éditeur de thème. Recherchez dans theme.liquid les balises de script référençant des applications supprimées. Vérifiez les dossiers snippets/ et sections/ pour des fichiers liés aux applications. Dupliquez toujours votre thème d'abord. Supprimez tout code référençant des applications désinstallées.
Scripts tiers bloquant le rendu
Impact : très élevé — généralement le plus gros tueur de vitesse (ajoute 1 à 4 s)
Chaque application Shopify qui affiche quelque chose sur votre vitrine (avis, pop-ups, chat, ventes additionnelles) injecte du JavaScript qui empêche votre page de s'afficher. Le navigateur doit télécharger, analyser et exécuter chaque script avant de pouvoir montrer le contenu de votre page.
Cinq applications peuvent facilement ajouter 1 à 3 secondes de blocage. C'est pourquoi les boutiques avec beaucoup d'applications obtiennent 20 à 35 sur PageSpeed même avec un thème rapide — les scripts écrasent tout le reste. Pour une liste de correctifs plus large, lisez notre guide sur comment accélérer votre boutique Shopify.
⚡ Correctif Thunder
Le moteur de détection d'applications de Thunder reconnaît plus de 200 scripts d'applications Shopify et diffère chacun avec une stratégie spécifique à l'application. Il sait quels scripts peuvent attendre une interaction et lesquels doivent se charger avant certaines sections de page. C'est le plus grand atout de Thunder — sans aucune configuration manuelle.
🔧 Correctif manuel
Ajoutez defer ou async aux balises de script de votre thème. Attention : cela casse souvent le fonctionnement des applications. Les scripts de chaque application ont des dépendances différentes — mal différer Klaviyo casse les pop-ups, mal différer Judge.me casse les avis. Des tests approfondis sont indispensables.
Distribution du CSS non optimisée
Impact : élevé — retarde le premier rendu de 500 ms à 1.5 s
Le fichier CSS de votre thème doit être entièrement téléchargé avant que le navigateur ne puisse afficher quoi que ce soit. Un thème Shopify typique embarque 200 à 500 Ko de CSS, mais seuls 10 à 20 % sont nécessaires pour la zone visible initiale (au-dessus de la ligne de flottaison). Vos visiteurs attendent du CSS dont ils n'ont pas encore besoin.
Le correctif consiste à extraire le CSS critique (uniquement ce qui est nécessaire au premier écran), à l'intégrer directement dans le HTML et à charger la feuille de style complète de façon asynchrone. C'est l'une des optimisations les plus efficaces — et l'une des plus difficiles à faire manuellement.
⚡ Correctif Thunder
Thunder génère automatiquement le CSS critique pour chaque template de page (accueil, produit, collection, etc.), l'intègre dans le head du HTML et charge la feuille de style complète en asynchrone. Il se régénère automatiquement quand votre thème change.
🔧 Correctif manuel
Utilisez un outil comme Critical (paquet npm) pour extraire le CSS au-dessus de la ligne de flottaison. Intégrez-le dans theme.liquid, puis chargez la feuille de style complète avec media="print" onload="this.media='all'". À refaire à chaque modification de thème. Différent pour chaque template.
Trop de polices web (ou mauvaise stratégie de chargement)
Impact : moyen-élevé — ajoute 300 ms à 1.5 s et provoque des décalages de mise en page
Les polices web personnalisées sont l'une des fuites de performance les plus sournoises. Chaque graisse de police (regular, bold, italic) est un fichier à télécharger séparément — typiquement 20 à 100 Ko chacun. Un thème utilisant 4 graisses d'une police Google charge 80 à 400 Ko de données de police avant que le texte ne soit visible.
Pire, sans font-display: swap, le navigateur affiche du texte invisible (FOIT — Flash of Invisible Text) jusqu'au chargement des polices. Vos visiteurs fixent une page blanche en se demandant si la boutique est cassée.
⚡ Correctif Thunder
Thunder ajoute font-display: swap pour éviter le texte invisible, précharge votre fichier de police principal pour un chargement plus rapide et optimise la cascade de chargement des polices. Le texte s'affiche immédiatement dans une police de secours, puis bascule vers votre police personnalisée dès qu'elle est prête.
🔧 Correctif manuel
Limitez-vous à 2 graisses maximum (regular + bold). Hébergez les polices vous-même plutôt que via Google Fonts. Ajoutez font-display: swap aux règles @font-face. Préchargez votre police principale avec <link rel="preload">. Envisagez les polices système pour une vitesse maximale.
Boucles Liquid excessives dans les templates
Impact : moyen — augmente le temps de réponse serveur (TTFB) de 200 ms à 1 s ou plus
Cette cause est invisible dans les résultats PageSpeed mais affecte tout ce qui suit. Les boucles Liquid complexes — comme itérer sur tous les produits d'une grande collection, imbriquer des boucles pour les options de variantes ou effectuer des recherches de metafields à l'intérieur de boucles — font travailler davantage les serveurs de Shopify, ce qui augmente votre Time to First Byte (TTFB). Notre guide de diagnostic d'une boutique Shopify lente explique comment identifier précisément quels templates créent le goulot d'étranglement.
Un template de page produit qui parcourt 100 produits pour des recommandations « Vous aimerez aussi », avec des boucles de variantes imbriquées, peut ajouter plus de 500 ms au TTFB. Cela retarde tout — FCP, LCP, toute la cascade de chargement.
⚡ Correctif Thunder
Thunder ne peut pas corriger directement la complexité Liquid (cela exige de modifier le code du thème). Mais ses autres optimisations compensent — une distribution CSS/JS plus rapide récupère le temps perdu par une réponse serveur lente.
🔧 Correctif manuel
Réduisez le nombre de produits par page de collection (12–16 au lieu de 48+). Utilisez la pagination. Évitez les boucles Liquid imbriquées. Minimisez les recherches de metafields dans les boucles. Utilisez le filtre limit de Shopify sur les forloops. Envisagez un chargement AJAX pour les sections « produits associés ».
Images hero non optimisées
Impact : élevé — l'image hero est généralement l'élément LCP (ajoute 1 à 4 s au LCP)
Votre image hero/bannière est presque toujours l'élément Largest Contentful Paint (LCP) — la métrique qui compte le plus pour Google. Si elle n'est pas optimisée (fichier trop lourd, mauvaises dimensions, pas de préchargement), elle plombe directement votre score LCP, qui représente 25 % de votre score PageSpeed global.
Erreurs courantes : téléverser une image de 4000x3000 px alors que la zone d'affichage fait 1600x600 px, utiliser du JPEG au lieu du WebP, ne pas précharger le hero et charger l'image hero en lazy loading (elle devrait être chargée en eager puisqu'elle est au-dessus de la ligne de flottaison). Pour un tour d'horizon de toutes les techniques d'image, consultez notre guide d'optimisation des images Shopify.
⚡ Correctif Thunder
Thunder précharge l'image hero en priorité haute, veille à ce qu'elle se charge en eager (pas en lazy loading) et optimise la cascade de chargement pour que l'image hero commence à se télécharger le plus tôt possible.
🔧 Correctif manuel
Redimensionnez les images hero aux dimensions d'affichage réelles. Compressez sous 200 Ko. Utilisez le format WebP (Shopify convertit automatiquement si vous utilisez image_tag). Ajoutez loading="eager" fetchpriority="high" à l'image hero. Ajoutez un lien de préchargement dans le head.
Indications preconnect manquantes
Impact : moyen — économise 100 à 300 ms par domaine tiers
Chaque fois que votre boutique charge une ressource depuis un domaine tiers (polices de Google, scripts de Klaviyo, images d'un CDN), le navigateur doit effectuer une résolution DNS + une connexion TCP + une négociation TLS. Cela prend 100 à 300 ms par domaine.
Les indications preconnect demandent au navigateur d'établir ces connexions en avance — avant même de découvrir qu'il en aura besoin. La plupart des boutiques Shopify se connectent à 5 à 15 domaines tiers mais n'en préconnectent aucun.
⚡ Correctif Thunder
Thunder détecte automatiquement les domaines tiers auxquels votre boutique se connecte et ajoute des indications preconnect pour les plus critiques. Mise à jour automatique quand vos applications changent.
🔧 Correctif manuel
Ajoutez <link rel="preconnect" href="https://domain.com"> dans le head de votre theme.liquid pour les domaines tiers critiques. Les plus courants : fonts.googleapis.com, cdn.shopify.com, cdn.klaviyo.com. Limitez-vous à 4–6 preconnects — trop de preconnects devient contre-productif.
Résolution DNS lente
Impact : moyen — ajoute 50 à 500 ms avant que quoi que ce soit ne commence à se charger
Avant même que votre boutique ne commence à se charger, le navigateur du visiteur doit résoudre votre nom de domaine en adresse IP. Si votre fournisseur DNS est lent, ce délai s'ajoute à chaque chargement de page.
Beaucoup de marchands utilisent le DNS par défaut de leur registrar, souvent lent. Passer à un fournisseur DNS rapide (comme Cloudflare DNS) peut faire gagner 100 à 300 ms sur chaque chargement de page — entièrement gratuitement.
⚡ Correctif Thunder
Thunder ne peut pas changer votre fournisseur DNS, mais ses autres optimisations (preconnect, priorisation des ressources) minimisent l'impact du DNS sur les chargements de ressources suivants pendant la page.
🔧 Correctif manuel
Passez à Cloudflare DNS (gratuit). Rendez-vous chez votre registrar et mettez à jour les serveurs de noms vers ceux de Cloudflare. Cela seul peut améliorer le TTFB de 100 à 300 ms. Cloudflare ajoute aussi gratuitement une couche CDN mondiale. Environ 15 minutes de configuration.
Page d'accueil surchargée de sections
Impact : moyen-élevé — chaque section ajoute du HTML, du CSS, du JS et des images
Les thèmes Shopify à base de sections facilitent l'ajout de blocs de contenu — diaporama, collection en vedette, témoignages, flux Instagram, newsletter, articles de blog, vidéo, carte, compte à rebours… Sans vous en rendre compte, votre page d'accueil compte plus de 15 sections.
Chaque section ajoute du HTML, du CSS, du JavaScript et souvent des images à votre page. Une page d'accueil de 15 sections peut facilement peser 3 à 5 Mo au total. Plus de sections = plus de code = chargement plus lent.
⚡ Correctif Thunder
Thunder charge en lazy loading les images hors écran et diffère les scripts non critiques des sections sous la ligne de flottaison, réduisant l'impact du chargement initial. Mais le HTML et le CSS de toutes les sections se chargent quand même — réduire le nombre de sections est le seul vrai correctif.
🔧 Correctif manuel
Auditez les sections de votre page d'accueil. Gardez-en 5 à 8 maximum. Supprimez ou regroupez les sections à faible valeur. Demandez-vous : « Cette section aide-t-elle les visiteurs à acheter ? » Si non, envisagez de la retirer. Moins de sections = page d'accueil plus rapide = meilleure première impression.
JavaScript inline dans les templates Liquid
Impact : moyen — bloque le rendu et empêche la mise en cache par le navigateur
Beaucoup de thèmes et d'applications Shopify injectent des balises <script> directement dans les templates Liquid — pas sous forme de fichiers externes, mais de blocs de code inline. Ce code bloque le rendu, ne peut pas être mis en cache par le navigateur (il se recharge à chaque page) et ne peut pas être différé avec un simple attribut defer.
Les scripts inline sont particulièrement délicats car ils dépendent souvent de variables Liquid (comme les données produit), ce qui empêche de simplement les déplacer dans un fichier externe.
⚡ Correctif Thunder
Thunder intercepte et diffère les scripts inline quand c'est sans risque, en s'appuyant sur son moteur de détection d'applications pour comprendre les dépendances. Les scripts dépendant de données Liquid sont traités avec précaution pour préserver le fonctionnement tout en minimisant l'impact sur le rendu.
🔧 Correctif manuel
Encapsulez les scripts inline dans DOMContentLoaded ou requestIdleCallback. Déplacez le code indépendant de Liquid vers des fichiers externes. Utilisez type="module" pour le code moderne. Tests minutieux requis — les scripts inline ont souvent des dépendances cachées.
L'essentiel à retenir
La plupart des boutiques Shopify lentes cumulent plusieurs causes cachées à la fois. La bonne nouvelle : vous n'avez pas besoin de corriger les 10 manuellement. Thunder gère automatiquement les 7 plus impactantes, et les 3 restantes (code d'applications résiduel, boucles Liquid, surcharge de sections) sont des correctifs manuels simples. Pour un accompagnement complet, consultez notre guide complet d'optimisation de la vitesse Shopify.
Plan d'action rapide
- Installez Thunder (gratuit, 30 secondes) — corrige instantanément les causes n°2, 3, 4, 6, 7, 10 et partiellement la n°1
- Nettoyez le code d'applications résiduel (30 minutes) — recherchez dans le thème les snippets d'applications désinstallées
- Réduisez les sections de la page d'accueil (10 minutes) — visez 5 à 8 sections maximum
- Passez à Cloudflare DNS (15 minutes) — gratuit, améliore le TTFB partout dans le monde
- Optimisez les boucles Liquid (si vous êtes technique) — réduisez la taille des collections, évitez les boucles imbriquées
Commencez par le correctif le plus rapide et le plus efficace
Thunder gère automatiquement les optimisations de vitesse les plus difficiles. La plupart des boutiques gagnent +27 points PageSpeed en moins d'une minute.
Corrigez votre boutique lente maintenant — Gratuit →Forfait gratuit · Sans carte bancaire · Compatible avec tous les thèmes
🔄 Mise à jour de mars 2026 : nouveaux repères de vitesse
- → L'INP compte plus que jamais. La core update de Google de décembre 2025 a pénalisé les sites dont l'INP dépasse 300 ms — provoquant des chutes de classement de 31 % sur mobile. Les scripts tiers lourds sont la cause n°1 d'un mauvais INP. Consultez notre guide pour corriger l'INP sur Shopify.
- → 40 % des utilisateurs abandonnent les sites qui se chargent en plus de 3 secondes (données 2025). Avec une boutique Shopify moyenne à 25–35 sur mobile, la plupart des boutiques laissent de l'argent sur la table.
- → L'approche « corriger une fois pour toutes » ne fonctionne pas. Chaque nouvelle application installée peut ajouter 200 à 500 ms au temps de chargement. Un suivi continu des performances est essentiel.
Curieux de savoir où se situe votre boutique ? Lancez un test de vitesse gratuit →
Questions fréquentes
Pourquoi ma boutique Shopify se charge-t-elle si lentement ?
Les causes cachées les plus fréquentes sont : du code résiduel d'applications désinstallées, trop de scripts bloquant le rendu provenant d'applications actives, des images non optimisées, des boucles Liquid excessives dans les templates, du CSS bloquant le rendu, trop de polices web, une résolution DNS lente, une page d'accueil surchargée de sections, des scripts tiers non optimisés et des en-têtes de cache navigateur manquants. La plupart des boutiques cumulent 3 à 5 de ces problèmes en même temps. Thunder Page Speed Optimizer corrige la majorité d'entre eux automatiquement.
Comment trouver ce qui ralentit ma boutique Shopify ?
Passez votre boutique dans Google PageSpeed Insights (pagespeed.web.dev) et examinez les sections « Opportunities » et « Diagnostics ». Signaux d'alerte courants : « Eliminate render-blocking resources », « Reduce unused JavaScript », « Properly size images » et « Reduce unused CSS ». Vous pouvez aussi inspecter le code de votre thème à la recherche de snippets d'applications résiduels, et utiliser l'onglet Network des Chrome DevTools pour voir quels scripts mettent le plus de temps à se charger.
Shopify ralentit-il lui-même ma boutique ?
En partie. Les scripts de la plateforme Shopify (checkout, analytics, traitement des paiements) consomment une part fixe de votre budget de performance. Vous ne pouvez pas les supprimer — ils sont indispensables au fonctionnement de votre boutique. Cependant, ce surcoût de la plateforme est faible comparé à ce qu'ajoutent les thèmes et les applications. La bonne nouvelle : Thunder optimise autour des scripts fondamentaux de Shopify, en différant tout ce qui peut l'être sans risque.
Désinstaller des applications Shopify peut-il accélérer ma boutique ?
Oui, mais avec une réserve importante : désinstaller une application depuis l'admin Shopify ne supprime pas toujours son code de votre thème. Beaucoup d'applications injectent des balises de script, du CSS et des snippets Liquid dans votre theme.liquid et votre dossier snippets. Vous devez vérifier et supprimer manuellement ce code résiduel. Thunder adopte une approche différente — au lieu de supprimer des applications, il optimise la façon dont leurs scripts se chargent.
Combien d'applications est-ce trop pour la vitesse de Shopify ?
Il n'y a pas de chiffre magique — tout dépend de ce que font les applications. Cinq applications bien optimisées peuvent être plus légères que deux mal codées. Le vrai problème est le nombre de scripts que chaque application injecte dans votre vitrine. Les applications qui ajoutent des pop-ups, des widgets de chat, de l'analytics et des systèmes d'avis sont généralement les plus lourdes. Le moteur de détection d'applications de Thunder optimise les scripts de plus de 200 applications, pour que vous puissiez garder celles dont vous avez besoin sans pénalité de vitesse.
Un thème Shopify plus rapide corrigera-t-il mon chargement lent ?
Un thème définit votre niveau de performance de base, mais il ne corrigera pas tous les problèmes de vitesse. Même le thème le plus rapide (comme Dawn) peut être lent si vous avez beaucoup d'applications, de grandes images non optimisées ou trop de sections sur la page d'accueil. Changer de thème est un gros chantier — essayez d'abord d'optimiser votre configuration actuelle avec Thunder, qui fonctionne avec n'importe quel thème.
Comment corriger le code d'applications résiduel dans mon thème Shopify ?
Vérifiez le fichier theme.liquid de votre thème à la recherche de balises script et link provenant d'applications désinstallées. Vérifiez aussi les dossiers snippets et sections pour des fichiers portant le nom d'applications supprimées. Attention — supprimer le mauvais code peut casser votre boutique. Dupliquez toujours votre thème avant toute modification. Si cela vous semble risqué, Thunder gère automatiquement l'optimisation des scripts sans modifier le code de votre thème.
La taille des images affecte-t-elle vraiment la vitesse de chargement de Shopify ?
Absolument. Les images sont généralement les ressources les plus lourdes d'une boutique Shopify. Une seule image hero non optimisée peut peser 2 à 5 Mo, ajoutant 2 à 5 secondes de chargement sur mobile. Bonnes pratiques : compressez les images sous 200 Ko, utilisez la conversion WebP intégrée de Shopify, définissez des attributs width et height explicites et chargez en lazy loading les images sous la ligne de flottaison. Thunder gère automatiquement le lazy loading et le préchargement de l'image hero.