Optimisation vitesse e⁠-⁠commerce

Core Web Vitals, thème, apps : plus rapide, mieux référencé, plus de ventes.

Common Ideas est une agence e⁠-⁠commerce basée à Tours qui mesure et réduit le temps de chargement des boutiques Shopify et PrestaShop. Elle intervient sur le thème, les images, les applications et les scripts tiers, et compare les Core Web Vitals avant et après avec le même protocole.

L’optimisation des performances e⁠-⁠commerce, c’est réduire le temps de chargement et la latence d’une boutique en ligne : thème, images, scripts, applications et Core Web Vitals. Ce n’est pas un sujet de confort technique mais un levier direct de conversion et de référencement. Nous l’appliquons aux boutiques Shopify et PrestaShop.

Captures du site Persée Paris, projet Common Ideas
2016
année de création de l’agence.
+500
marques nous ont confié leur boutique ou leur acquisition.
+15
experts mobilisés : design, développement, SEO, acquisition et data.
-66 %
de temps de chargement gagnés en moyenne chez nos clients.

Pourquoi la vitesse décide de vos ventes et de votre visibilité

01

Chaque seconde perdue coûte des commandes

Un visiteur qui attend abandonne, et il abandonne d’autant plus vite qu’il est sur téléphone en connexion mobile. La perte se produit avant même que votre offre soit lue.
02

Google mesure et classe sur ces critères

Les Core Web Vitals, LCP, CLS et INP, sont des signaux de classement. Un site lent est pénalisé deux fois : moins de visiteurs, et moins de conversion sur ceux qui restent.
03

La vitesse rentabilise vos campagnes

Sur du trafic payé, une page lente fait grimper le coût par acquisition sans que rien ne change dans le compte publicitaire. La performance est le premier levier de rentabilité des Ads.

Tout commence par une mesure

Nous partons des données de terrain, celles de vos visiteurs réels, avant les scores de laboratoire : PageSpeed Insights et Search Console disent ce que vivent les utilisateurs, appareil par appareil et page par page. Un score de synthèse ne suffit pas à décider.

Vous en sortez avec le relevé des Core Web Vitals par gabarit et la liste des causes réelles : thème, images, applications ou scripts tiers. Chaque cause est chiffrée en poids et en millisecondes gagnées.

Le relevé de performance
  • Core Web Vitals par gabarit : LCP, CLS et INP
  • Données de terrain et de laboratoire
  • Poids et latence de chaque application
  • Images, polices et scripts tiers
  • Gains chiffrés et effort d’implémentation

Nos 4 piliers d’optimisation technique

Quatre causes, presque toujours les mêmes, dans des proportions qui varient.
01

Mesure et Core Web Vitals

Ce qui n’est pas mesuré ne s’optimise pas.
  • LCP, CLS et INP par gabarit
  • PageSpeed Insights et Search Console
  • Données de terrain et de laboratoire
02

Thème et code

La base sur laquelle tout le reste se charge.
  • Code Liquid épuré
  • CSS et JavaScript inutilisés
  • Rendu du premier écran
03

Images, polices et médias

Le poste le plus lourd d’une boutique, et le plus simple à corriger.
  • Formats modernes et dimensions
  • Chargement différé
  • Polices et affichage du texte
04

Applications et scripts tiers

Chaque application ajoutée a un coût en millisecondes.
  • Inventaire et poids réel
  • Suppression des scripts inutiles
  • Chargement priorisié

Le déroulé

Les premiers gains sont rapides ; les suivants demandent des arbitrages fonctionnels.

Mesure et diagnostic

Étape 1
Core Web Vitals par gabarit, données de terrain et inventaire des causes.

Priorisation des gains

Étape 2
Chaque correction chiffrée en millisecondes et en effort.

Optimisation du thème et des médias

Étape 3
Code, images, polices et rendu du premier écran.

Traitement des applications et scripts

Étape 4
Inventaire, suppressions et chargement priorisié.

Contrôle et suivi

Étape 5
Nouvelle mesure, comparaison et surveillance dans le temps.

Ce que vous recevez

Tout reste chez vous, code compris.
01

Le relevé de performance

Core Web Vitals par gabarit, avant intervention.
02

L’inventaire des causes

Thème, médias, applications et scripts, chiffrés.
03

Le plan de gains

Chaque correction classée par gain attendu et par effort.
04

Les optimisations en production

Code, images et chargement repris directement sur la boutique.
05

Le comparatif avant et après

Même protocole de mesure, mêmes gabarits.
06

Les règles de maintien

Ce qu’il faut vérifier avant d’ajouter une application.
Cas client · Joaillerie

Persée Paris

Migration de WooCommerce vers Shopify et refonte e⁠-⁠commerce menées ensemble : temps de chargement du site divisés par trois, sans interruption des ventes.

Voir l’étude de cas
-66 % sur les temps de chargement du site.
8 sem. de migration, sans interruption des ventes.
+25 % de taux de conversion depuis la bascule.

Nos solutions d’optimisation

Trois périmètres, selon votre plateforme et l’urgence.
01

Optimisation Shopify

Thème, applications et scripts retravaillés dans le cadre de la plateforme, jusqu’aux limites qu’elle impose.
02

Optimisation PrestaShop

Serveur, cache, modules et assets : PrestaShop laisse plus de leviers, et en demande plus de suivi.
03

Optimisation des pages clés

Accueil, collection et fiche produit traitées en priorité, là où se concentre le trafic et la conversion.

Ce qu’en disent nos clients

« Ils nous ont aidés à reconstruire notre site e-commerce sur Shopify et le résultat est conforme à nos attentes. Leur équipe a su capter nos besoins, faire preuve de flexibilité et de réactivité, qualités indispensables dans le secteur du retail. »
Sandrine Osele
Responsable Réseau · NAF NAF
« Ils nous ont aidés à recréer notre site e-commerce sur Shopify, et le résultat correspond à nos attentes. Ils assurent un suivi constant et sont toujours disponibles pour répondre à nos questions et nous offrir le support nécessaire. »
Chu Li
Chef de projet e-commerce · Persée
« Une refonte e-commerce en un temps record pour le lancement de nos nouveaux maillots. Merci pour ce travail. »
Evan Crocombette
E-commerce & Performance Marketing Lead · FC Versailles

Notre méthode : mesurer avant, mesurer après

Nous relevons les Core Web Vitals gabarit par gabarit avant toute intervention, puis avec le même protocole après. Sans ce comparatif, une optimisation reste une affirmation : c’est la seule façon de dire ce que chaque correction a réellement gagné.

Nous privilégions les corrections dont le gain est mesurable au regard de leur coût. Certaines demandent un arbitrage fonctionnel, retirer une application ou simplifier une animation, et cet arbitrage vous revient : nous chiffrons les deux côtés.

Les deux plateformes sur lesquelles nous intervenons directement.
Ces missions, en production

Des projets menés de bout en bout

Trois boutiques livrées

Tous les projets

Questions fréquentes

Pourquoi mon site Shopify est-il lent ?

Dans la grande majorité des cas, quatre causes se cumulent : un thème alourdi par des personnalisations successives, des images non optimisées, un empilement d’applications et des scripts tiers qui bloquent l’affichage. Le diagnostic dit lesquelles pèsent le plus sur votre boutique.

Que sont les Core Web Vitals ?

Ce sont les trois métriques par lesquelles Google mesure l’expérience de chargement : le LCP, temps d’affichage du plus grand élément, le CLS, stabilité visuelle pendant le chargement, et l’INP, réactivité aux interactions. Elles sont des signaux de classement et se relient chacune à des causes techniques identifiables.

Quel gain peut-on espérer ?

Cela dépend entièrement du point de départ : une boutique jamais optimisée progresse plus qu’un site déjà travaillé. Le diagnostic chiffre chaque correction en millisecondes avant de commencer, et le comparatif après intervention dit ce qui a réellement été gagné. Nous ne promettons pas de score.

Faut-il supprimer des applications ?

Parfois, oui, et c’est souvent le gain le plus important. Chaque application charge ses propres scripts, y compris sur les pages où elle ne sert pas. Nous chiffrons le poids réel de chacune, puis l’arbitrage entre fonctionnalité et vitesse vous revient.

Un score PageSpeed de 100 est-il l’objectif ?

Non. Le score de laboratoire est un indicateur, pas une fin : ce qui compte est l’expérience de vos visiteurs réels, mesurée par les données de terrain de la Search Console. Une boutique e⁠-⁠commerce complète atteint rarement 100, et courir après ce chiffre coûte plus qu’il ne rapporte.

La performance est-elle différente sur PrestaShop ?

Oui, les leviers ne sont pas les mêmes. Sur PrestaShop, l’hébergement, le cache et les modules pèsent lourd, et vous en gardez le contrôle complet. Shopify gère l’infrastructure mais encadre ce qu’on peut modifier : le travail porte alors surtout sur le thème, les médias et les applications.

Les gains se maintiennent-ils dans le temps ?

Pas sans surveillance. Chaque application ajoutée, chaque script marketing et chaque nouvelle section de thème réduit les gains obtenus. Nous livrons les règles à vérifier avant tout ajout, et le suivi peut être intégré à un contrat de maintenance.

La vitesse améliore-t-elle vraiment le référencement ?

Oui, mais elle ne remplace pas le travail SEO. Les Core Web Vitals sont un signal de classement parmi d’autres : ils comptent surtout à qualité de contenu comparable. En revanche, l’effet sur la conversion est direct et immédiatement mesurable.

Faut-il refaire son site e⁠-⁠commerce pour le rendre plus rapide ?

Pas nécessairement. Common Ideas intervient sur la boutique en place et reprend directement en production le code, les images et le chargement. Certaines corrections demandent un arbitrage, comme retirer une application, et cette décision vous revient.

Par où commencer pour accélérer une boutique en ligne ?

Par la mesure : Common Ideas part des données de terrain de vos visiteurs réels, gabarit par gabarit, puis chiffre chaque correction en millisecondes et en effort. L’accueil, les collections et les fiches produits peuvent être traités en priorité, là où se concentrent le trafic et la conversion.

Aller plus loin

Contact

Parlons de votre projet

Dites-nous où vous en êtes : nous vous dirons quelles compétences votre projet demande vraiment, et dans quel ordre.

Une question sur votre projet e-commerce ? Nous en parlons en trente minutes.
Prendre rendez-vous
Demander un devis