Éco-conception du site

Chez Outdoor Fix, nous voulons un site rapide, agréable à utiliser… et plus respectueux de l’environnement.

Pour cela, nous mesurons régulièrement l’impact carbone de notre boutique et nous travaillons à le réduire.

Pourquoi mesurer l’impact d’un parcours d’achat ?

L’empreinte carbone d’un site dépend principalement de :

  1. la quantité de données téléchargées par le visiteur,
  2. la technologie utilisée (ici WooCommerce),
  3. le nombre d’étapes nécessaires pour acheter,
  4. les serveurs et la consommation réseau.

Un achat n’est pas une seule page, c’est un parcours.

C’est pour cela que nous mesurons l’ensemble du trajet d’un utilisateur qui commande un service.

Une commande d’un service = plusieurs étapes

Quand vous passez une commande, vous visitez plusieurs pages :

Accueil → Atelier → Page service d’entretien ou réparation (ex. : laver doudoune) → Panier → Paiement / Commander

Chaque page charge des images, du texte, un peu de code… et cela consomme une petite quantité d’énergie.
L’idée est donc simple : moins une page charge de données, moins elle consomme d’énergie et de CO2.

C’est ce parcours complet que nous analysons, car c’est ce que fait réellement un client.

Nous utilisons Kastor Green et EcoIndex

Pour mesurer l’impact environnemental de nos pages, nous avons volontairement choisi des outils simples, transparents et reconnus, adaptés à un public non technique :

Kastor.green : un outil clair pour visualiser l’impact réel

Nous utilisons Kastor.green car il permet de mesurer facilement :

  • la consommation d’un parcours d’achat complet
  • la quantité de données chargées par page
  • l’énergie consommée par cette transmission
  • une estimation des émissions de CO2

Il nous permet également d’avoir un historique de ce calcul et de voir la progression au fil des mesures et des améliorations.

EcoIndex : une méthode officielle, transparente et utilisée en France

Nous utilisons également EcoIndex, développé par l’association GreenIT.fr, parce qu’il repose sur :

  • une méthodologie publique (nombre de requêtes, poids de page, complexité du DOM),
  • une notation standardisée (de A à G comme le Nutriscore),
  • et des facteurs d’émissions reconnus.

EcoIndex est l’un des outils les plus utilisés dans la conception de sites responsables, et il nous permet d’avoir une base de comparaison fiable avec les standards nationaux.

Pourquoi combiner les deux outils ?

Nous avons choisi cette combinaison parce qu’elle nous offre :

  • Kastor.green → une vision simple et intuitive de l’impact réel (émissions et énergie).
  • EcoIndex → un score structuré et reconnu, facile à comparer entre sites.

En croisant les deux, Outdoor fix obtient des résultats cohérents, compréhensibles et vérifiables, il est toujours important de croiser les données.

Comparatif site classique / notre optimisation

Ce tableau compare un parcours d’achat sur un site e-commerce classique et le nôtre. Les mesures ont été réalisées grâce aux deux outils listés plus haut. Les outils en ligne ne pouvant pas mesurer un panier rempli ainsi que le passage d’une commande, nous avons réalisé des mesures complémentaires sur le même modèle pour ces pages.

Site e-commerce classiqueOutdoor fix
Poids des données pour 5 pages~ 20 MB ~11,89 Mo
CO2 pour une commande~ 7 g ~ 4.16 g
km en voiture pour 1000 commandes~ 40 km ~ 24 km

Notre site réduit de 41 % le poids des données et les émissions de CO2 par rapport à un site e-commerce classique lors d’un parcours complet de commande.

Retrouvez ci-dessous les sources sur lesquelles nous nous sommes basés pour ce tableau récapitulatif :

  • Le baromètre de l’écoconception digitale – Green IT – Consulter ici
  • Web Almanac / HTTP Archive – Sustainability 2024 – Consulter ici
  • Greenspector – Empreinte carbone du e-commerce en France – Consulter ici
  • Greenspector – Impact des principaux sites e-commerce en France édition 2025 – Consulter ici

Technologie, contraintes techniques et optimisations

Chez Outdoor Fix, nous utilisons WooCommerce sur WordPress pour gérer notre atelier : cela nous apporte flexibilité, facilité de gestion des produits, des commandes et des paiements. Mais cela implique aussi des contraintes sur le plan de la performance et de la « sobriété numérique » :

  • WooCommerce charge des scripts, styles et des fonctionnalités qui sont « par défaut » assez lourds.
  • Nous ne pouvons pas toujours supprimer certains modules sans compromettre l’expérience (panier, checkout, gestion client).
  • Le nombre de requêtes réseau est plus élevé, ce qui alourdit le transfert de données.

Malgré ces limites, nous avons mis en place plusieurs optimisations pour limiter l’impact :

  • Compression et optimisation des images (formats modernes, redimensionnement)
  • Chargement différé (“lazy load”) des ressources non prioritaires
  • Minimisation des scripts CSS / JavaScript inutilisés
  • Limitation et sélection stricte des plugins WooCommerce pour éviter le « surpoids »
  • Mise en cache serveur et cache navigateur pour réduire les rechargements
  • Design épuré, peu de code inutile, pour alléger le DOM

Par ces actions, nous réduisons l’empreinte carbone de notre boutique sans renoncer à la puissance et aux fonctionnalités de WooCommerce.

Pourquoi notre choix d’hébergement et d’infrastructure compte

Il n’y a pas que la quantité de données transférées qui compte : leur trajet et l’infrastructure qui les héberge ont aussi un impact direct sur l’empreinte carbone d’un site.

C’est pour cela que nous avons fait deux choix importants :

1. Un hébergement responsable : Infomaniak

Infomaniak utilise 100 % d’énergie renouvelable, optimise le refroidissement de ses serveurs sans climatisation et applique une politique stricte de réemploi du matériel.

Cela signifie que les données stockées sur leurs serveurs ont une empreinte carbone bien plus faible que sur un hébergement traditionnel.

Consulter leurs engagements ici.

2. Un CDN performant : Cloudflare

Nous utilisons également Cloudflare, un réseau mondial qui permet de diffuser nos pages depuis des serveurs proches de l’utilisateur.

Résultat :

  • les données parcourent moins de distance,
  • les chargements sont plus rapides,
  • et la consommation énergétique liée au transport est réduite.

En combinant Infomaniak + Cloudflare, nous réduisons à la fois :

  • l’impact du stockage de nos données,
  • et l’impact de leur transport jusqu’à vous.

C’est une approche plus responsable, cohérente avec notre volonté de proposer une boutique plus sobre et mieux pensée.

Notre engagement

WordPress et WooCommerce évoluent continuellement, apportant de nouvelles fonctionnalités et optimisations. Nous adaptons notre démarche d’éco-conception à ces évolutions, en optimisant ce qui est techniquement réalisable avec notre configuration actuelle :

  • le poids des pages et des ressources,
  • le chargement intelligent des scripts et données,
  • l’expérience utilisateur (rapidité et fluidité préservées).

Le site est développé et maintenu par Aikow, avec une philosophie simple : faire au mieux avec les technologies choisies et toujours chercher à s’améliorer.

Notre objectif : une boutique performante, responsable, et qui devient plus sobre au fil des évolutions techniques.

Nous ne sommes pas parfaits, mais nous avançons dans le bon sens.