Ta boutique met une éternité à s'afficher sur mobile. Tu as lu qu'il fallait compresser tes images, tu l'as fait, et rien n'a changé.
C'est normal. Sur la majorité des Shopify que j'ouvre, le poids vient des scripts que tes apps injectent dans chaque page, et aucune interface ne te dit lesquels.
Voilà comment je m'y prends, dans l'ordre.
Mesurer avant de toucher quoi que ce soit
La première erreur est de corriger à l'aveugle. Tu passes un week-end à retravailler ton thème et tu n'as aucun moyen de savoir si tu as amélioré ou aggravé la situation.
Prends une mesure de référence avant d'ouvrir le moindre fichier. PageSpeed Insights de Google te donne deux blocs distincts, et la différence compte.
Les données de laboratoire sont un test simulé, utile pour comparer avant et après. Les données terrain viennent de vrais visiteurs Chrome sur les 28 derniers jours, et c'est ce que Google utilise pour ton classement. Une boutique peut avoir un score de laboratoire médiocre et des données terrain correctes, ou l'inverse.
Teste toujours trois pages séparément : l'accueil, une fiche produit et une page de collection. Elles chargent des choses très différentes, et une moyenne globale ne te dira rien d'exploitable.
Trouver quelle app plombe ton site
C'est là que se joue l'essentiel, et c'est ce que les articles génériques ne montrent jamais.
Ouvre ta boutique dans Chrome, fais un clic droit puis Inspecter, va dans l'onglet Réseau, coche « Désactiver le cache » et recharge la page. Tu vois défiler chaque fichier chargé, avec son poids et son temps.
Trie par taille décroissante. Les scripts d'apps portent en général le nom de leur éditeur dans l'URL, ou passent par un domaine externe que tu reconnaîtras. Note les trois plus lourds.
Refais l'exercice avec l'onglet Performance, en enregistrant un chargement complet. Le graphique en cascade te montre ce qui bloque le rendu, c'est-à-dire les fichiers qui empêchent la page de s'afficher tant qu'ils ne sont pas arrivés.
Une app d'avis clients, un chat en direct, un pop-up de réduction et un outil de heatmap chargés ensemble, ça fait couramment plus d'un mégaoctet de JavaScript avant que ton visiteur ne voie un seul produit.
Le test qui tranche
Désinstalle une app suspecte, attends quelques minutes, remesure. Puis réinstalle si le gain ne justifie pas la perte de fonction.
Attention à un piège classique : désinstaller une app ne retire pas toujours son code du thème. Beaucoup d'apps injectent des balises directement dans theme.liquid ou dans un snippet, et ce code reste après désinstallation. Tu te retrouves avec des scripts orphelins qui chargent dans le vide.
Cherche dans ton thème les blocs commentés au nom de l'app, et regarde aussi dans les paramètres de ta boutique du côté des scripts personnalisés et des pixels.
Les images, ce qui compte vraiment
Compresser tes images sert à quelque chose, mais moins que ce qu'on te raconte, parce que Shopify les sert déjà via son CDN et les convertit à la volée.
Ce qui pèse vraiment, c'est de charger une image de 2 000 pixels de large dans un emplacement qui en fait 400. Utilise les filtres Liquid pour demander la bonne taille.
{{ product.featured_image | image_url: width: 800 | image_tag:
loading: 'lazy', width: 800, height: 800, alt: product.title }}Deux règles simples. Le lazy loading sur tout ce qui est sous la ligne de flottaison, jamais sur l'image principale de ta page d'accueil ou de ta fiche produit, sinon tu dégrades ton LCP. Et des dimensions explicites partout, pour éviter que la page saute pendant le chargement.
Le thème et le Liquid
Un thème acheté sur le marketplace embarque souvent des fonctions que tu n'utilises pas. Les carrousels, les compteurs, les animations au scroll et les sliders de témoignages coûtent tous du JavaScript.
Côté Liquid, les boucles imbriquées sont le vrai coupable. Une boucle sur toutes les collections qui contient elle-même une boucle sur tous les produits, ça se rend côté serveur et ça allonge le temps de réponse avant même que le navigateur ne commence son travail.
Les fonts pèsent aussi plus que les gens ne le croient. Trois familles avec quatre graisses chacune, ça fait douze fichiers à télécharger. Deux graisses suffisent presque toujours.
Ce qui ne sert à rien
Les apps qui promettent d'accélérer ta boutique ajoutent une couche de JavaScript pour compenser d'autres couches de JavaScript. Sur les boutiques où j'en ai vu, le gain net est proche de zéro.
Changer de thème pour un thème « rapide » sans traiter les apps te ramène au même point en trois mois.
Et courir après un score de 100 sur PageSpeed n'a pas de sens commercial. Passer de 30 à 65 change l'expérience de tes clients, passer de 85 à 95 coûte cher et ne se voit pas.
Quand ça vaut le coup de payer quelqu'un
Si ta boutique fait moins de quelques centaines de commandes par mois, commence par la méthode ci-dessus. Un après-midi avec l'onglet Réseau ouvert te donnera 80 % du diagnostic.
Ça devient un vrai chantier quand le ralentissement vient du thème lui-même, quand plusieurs apps sont enchevêtrées dans le code, ou quand tu ne peux pas te permettre de désinstaller pour tester en pleine saison.
C'est ce que je regarde en audit : je remonte la chaîne complète, j'identifie ce qui coûte quoi en millisecondes, et je te dis ce qui se corrige et ce qui ne se corrige pas sans refonte. L'audit est à 590 euros, et il est déduit intégralement si tu me confies les correctifs derrière.
