Pour accélérer un site Shopify, ne commencez pas par une application « speed ». Commencez par mesurer les Core Web Vitals réels (LCP, INP, CLS) dans le rapport de performance web de Shopify, puis traitez les causes dans l'ordre du gain : applications inutiles, image principale trop lourde, scripts tiers, thème. Dans la grande majorité des boutiques, le ménage dans les applications et le travail sur l'image du haut de page suffisent à passer au vert.
Vitesse Shopify : ce que mesurent vraiment les Core Web Vitals
Google évalue l'expérience de chargement avec trois indicateurs, décrits sur web.dev :
| Indicateur | Ce qu'il mesure | Seuil « bon » | Cause typique sur Shopify |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Le temps d'affichage du plus gros élément visible, souvent l'image principale | 2,5 s ou moins | Image du slider trop lourde, chargée en différé, polices bloquantes |
| INP (Interaction to Next Paint) | La réactivité quand on clique, tape, ouvre un menu | 200 ms ou moins | Trop de JavaScript d'applications, widgets de chat, pop-ups |
| CLS (Cumulative Layout Shift) | Les décalages de mise en page pendant le chargement | 0,1 ou moins | Bandeaux injectés par des apps, images sans dimensions, avis qui se chargent tard |
Le point clé : ces seuils s'évaluent au 75e percentile des visites réelles, séparément sur mobile et ordinateur. Google l'explique dans sa documentation sur les Core Web Vitals. Ce n'est donc pas le score de votre test PageSpeed d'hier soir sur le Wi-Fi du bureau qui compte, mais l'expérience de vos clients sur leur téléphone.
Où lire les bons chiffres
Le rapport de performance web de Shopify
Shopify affiche les Core Web Vitals mesurés sur vos vrais visiteurs, avec la répartition mobile et ordinateur. Surtout, le rapport place sur la courbe les événements de la boutique : installation d'une application, publication d'un thème, modification du code. Vous voyez directement quel changement a dégradé le LCP. Le fonctionnement est détaillé dans l'aide Shopify sur les rapports de performance web. Les données peuvent avoir jusqu'à 36 heures de retard.
Search Console et PageSpeed Insights
Le rapport Core Web Vitals de Search Console regroupe les URL par problème (« LCP supérieur à 2,5 s sur mobile »). PageSpeed Insights, lui, donne deux blocs : les données terrain en haut (quand elles existent), le diagnostic de laboratoire en bas. Utilisez le laboratoire pour trouver les causes, le terrain pour juger le résultat.
L'audit par ordre de gain : la méthode en 7 étapes
Sur les boutiques que nous reprenons, on suit toujours le même ordre. Il va du plus rentable (gros gain, peu d'effort) au plus coûteux.
- Inventorier les applications. Listez toutes les applications installées et, pour chacune, notez si elle s'affiche en vitrine, sur quelles pages, et si elle rapporte réellement quelque chose.
- Retirer ce qui ne sert plus. Désinstallez, puis cherchez les restes dans le code du thème (snippets, balises script dans
theme.liquid). - Désactiver les intégrations d'applications une par une. Dans l'éditeur de thème, section « Intégrations d'applications », coupez-les une à une sur un thème dupliqué et mesurez.
- Traiter l'image principale. C'est le levier numéro un du LCP.
- Réduire les scripts tiers. Pixels en double, chat, outils d'enregistrement de sessions, widgets sociaux.
- Stabiliser la mise en page pour le CLS.
- Évaluer le thème en dernier : changer de thème coûte cher, ne le faites que si les étapes précédentes ne suffisent pas.
Étapes 1 à 3 : les applications, premier poste de lenteur
Chaque application qui ajoute un élément visible (avis, pop-up, bundle, upsell, badge, chat) charge du JavaScript et du CSS. Souvent sur toutes les pages, même là où elle n'affiche rien.
Un exercice simple : pour chaque application, posez trois questions.
- Rapporte-t-elle du chiffre d'affaires ou de la conversion mesurable ?
- A-t-elle besoin de se charger sur toutes les pages ?
- Une fonction native de Shopify ou du thème fait-elle la même chose ?
Vous trouverez notre sélection et la liste des doublons classiques dans l'article sur les applications Shopify à garder et celles à désinstaller.
Étape 4 : l'image du haut de page
Sur mobile, l'élément LCP est presque toujours l'image de la bannière d'accueil ou la première photo produit. Les corrections qui paient :
- Ne pas charger en différé l'image principale. Le chargement paresseux (
loading="lazy") est utile sous la ligne de flottaison, mais contre-productif sur l'image du haut. Elle doit être prioritaire. - Servir la bonne taille. Utilisez le filtre
image_urlavec une largeur adaptée et dessrcset, au lieu d'une image de 4 000 pixels redimensionnée par le navigateur. - Supprimer le slider automatique. Un carrousel de cinq images en haut de page charge du JavaScript et retarde l'affichage. Une seule image forte fait mieux, pour la vitesse comme pour le message.
- Compresser en amont. Un visuel bien produit dès le départ évite les fichiers de plusieurs mégaoctets. Si vous faites produire vos visuels, demandez des fichiers web optimisés : c'est le cas des packshots et visuels IA du Lab, livrés prêts à l'emploi.
Étape 5 : les scripts tiers
Pixels Meta, TikTok, Pinterest, Google, outils de heatmap, chat, avis : chaque script concurrence le rendu de la page et pèse sur l'INP. Deux actions :
- Dédoublonner. Un pixel installé à la fois par l'application officielle et par un code collé dans le thème envoie des événements en double et charge deux fois le script.
- Déplacer ce qui peut l'être côté serveur. Les API de conversion et le tracking server-side allègent le navigateur tout en fiabilisant la donnée. Voyez notre article sur le tracking server-side.
Étape 6 : le CLS
Les décalages viennent presque toujours d'éléments qui arrivent tard : bandeau promotionnel injecté par une application, bloc d'avis qui pousse le bouton d'achat vers le bas, image sans dimensions. Réservez l'espace (dimensions d'image, hauteur minimale des blocs d'applications) et préférez un bandeau d'annonce natif du thème.
Étape 7 : le thème
Les thèmes récents de l'Online Store 2.0 sont bien plus légers que les thèmes d'il y a cinq ans. Si votre thème date, qu'il est très modifié et que les étapes précédentes n'ont pas suffi, une refonte sur un thème moderne peut être le bon investissement. Nos critères sont dans l'article sur le meilleur thème Shopify pour convertir.
Exemple de calcul : combien vaut une seconde gagnée ?
Il n'existe pas de règle universelle, alors faites le calcul avec vos propres données. Prenons une boutique hypothétique :
- 60 000 sessions mobiles par mois ;
- taux de conversion mobile de 1,5 % ;
- panier moyen de 55 €.
Chiffre d'affaires mobile : 60 000 × 1,5 % × 55 € = 49 500 € par mois.
Si l'accélération fait passer le taux de conversion mobile de 1,5 % à 1,65 % (une hausse relative de 10 %, à vérifier par un test avant/après), le gain est de 60 000 × 0,15 % × 55 € = 4 950 € par mois. Comparez ce montant au coût des applications retirées et du temps de développement : c'est la base d'une décision rationnelle.
Pour mesurer proprement ce type d'effet, isolez la période, gardez les campagnes stables et suivez le taux de conversion mobile semaine par semaine. Le reste du travail mobile est détaillé dans notre guide sur l'optimisation e-commerce mobile.
Les erreurs à éviter
- Courir après le score PageSpeed. Un score de laboratoire peut baisser alors que l'expérience réelle s'améliore, et inversement.
- Installer une application pour réparer les applications. Beaucoup ajoutent leur propre couche de code.
- Tester sur le thème en ligne. Dupliquez le thème, travaillez sur la copie, mesurez, puis publiez.
- Tout optimiser sauf la page produit. C'est la page qui reçoit le trafic publicitaire et une bonne part du trafic SEO. Mesurez-la en priorité.
- Oublier que le marketing ajoute du poids. Chaque nouvelle campagne apporte souvent un pixel, une pop-up ou un widget. Faites un point vitesse chaque trimestre.
Vitesse et SEO : remettre les choses à leur place
Les Core Web Vitals font partie des signaux d'expérience de page, mais un site rapide avec des pages pauvres ne se classera pas. À l'inverse, une page très pertinente un peu lente peut rester en tête. La vitesse est un facteur de conversion avant d'être un facteur de classement. Pour le reste du socle technique (facettes, doublons, crawl), voyez notre article sur le SEO technique e-commerce, et pour la vision d'ensemble, le guide complet du SEO e-commerce.
Par où commencer cette semaine
Ouvrez le rapport de performance web de Shopify et notez vos trois indicateurs mobiles. Listez vos applications, et désinstallez dès aujourd'hui celles qui ne rapportent rien. Dupliquez votre thème et testez la désactivation des intégrations restantes une par une. Enfin, corrigez l'image du haut de la page d'accueil et de vos trois fiches les plus visitées.
Si vous voulez que ce travail s'inscrive dans une refonte plus large du parcours d'achat, c'est le cœur de notre page agence Shopify et CRO, et de l'étape Construction de notre Écosystème en 90 jours. Pour faire le point sur votre boutique avec nous, vous pouvez réserver un appel stratégique de 30 minutes.