Qui est-elle ? Quel est son réseau ? Est-ce juste un terme à la mode pour nous faire avaler du marketing vert, ou bien une véritable démarche pour un web plus responsable ?
L’éco-conception, c’est l’art de penser à l’impact environnemental d’un produit dès sa création. Dans le cas du web design, le produit en question, c’est un site internet.
Alors, on sait plus ou moins comment fabriquer un t-shirt ou un meuble en minimisant leur empreinte carbone, mais un site internet, la réponse est tout de suite moins évidente. Allez, décortiquons ça ensemble !
Si vous pensiez que le web flottait gentiment dans les nuages comme un petit cumulonimbus inoffensif, détrompez-vous. Derrière chaque site, il y a des serveurs qui tournent 24h/24, des data center qui consomment des tonnes d’électricité et une empreinte carbone qui ferait pâlir les plus écolos d’entre nous.
Quelques chiffres à retenir :
🔥 2,5 % de l’énergie consommée en France en 2024 était dédiée au numérique (autant que l’aviation civile).
⚡ La consommation électrique des data centers a doublé entre 2024 et 2025 (et cette augmentation risque d’exploser avec l’arrivée de l’IA.)
🌎 À l’échelle mondiale, la consommation en électricité des data centers équivaut à celle du Japon entier.
Tout ceci sans parler de la pollution générée directement par la fabrication des techs (ordinateur, téléphone portable) : extraction des métaux rares polluantes, recyclage quasi inexistant et pollution humaine désastreuse. Bref, le numérique, ça pollue !
Et pour ceux qui ne serait pas encore convaincue, l’éco-conception a aussi un impact positive sur l’image que votre entreprise aura auprès de votre public. En 2019, 70 % des consommateurs français déclaraient privilégier les entreprises engagées dans une démarche écologique. Un site éco-conçu, c’est donc non seulement un geste pour la planète, mais aussi un vrai plus pour vous démarquer.
Plusieurs organismes comme l’ADEME, RGESN, Green IT ou ALT Impact ont planché sur le sujet et proposent un certains nombres de bonnes pratiques. Voici les fondamentaux pour avoir un site éco-responsable.
Aujourd’hui, de nombreux hébergeurs se sont spécialisés pour offrir des services avec un faible impact énergétique.
✅ Les critères à surveiller :
🌱 Quelques hébergeurs éco-friendly :
Votre site n’a pas besoin d’être une usine à gaz. Plus il est simple, plus il est rapide, plus il est écolo. En tant que webdesigner, l’absence de cahier des charges clair de mes clients m’ont parfois amené à installer des fonctionnalités peu utile pour les utilisateurs du site. Alors, le meilleur moyen de rendre son site éco-responsable, c’est de bien évaluer en amont les besoins et les outils à installer sur son site. Par exemple :
❌ Une vidéo en autoplay en page d’accueil ? Lourd et inutile
❌ Un carrousel d’images qui défile tout seul ? Galerie statique, ça marche aussi bien
❌ Un scroll infini pour présenter des articles ? Pas top ni pour la planète ni pour l’expérience utilisateur.
Il est important de se poser la question « Cette fonctionnalité apporte-t-elle une vraie valeur au site ? », si la réponse est non, ou moyen, mieux vaut s’en passer. L’idée ici est de réfléchir intelligemment en proposant un site utile, fonctionnel et agréable à naviguer.
Chaque image que vous chargez sur votre site, c’est un aller-retour entre votre serveur et l’ordinateur du visiteur. Plus elle est lourde, plus elle pompe de l’énergie. Il est alors important de réfléchir au type de fichier que vous uploadez sur votre site. Il existe aujourd’hui des formats adaptés pour le web qui compressent votre image pour la rendre la plus optimisée possible.
📌 Les bons formats pour alléger vote site
💡Bonus : réduisez la taille de vos images. Un visuel de 3000 px de large sur un site, c’est comme utiliser un camion pour transporter une baguette du pain. Inutile. La majorité des écrans d’ordinateur de font pas cette taille, pensez-y.
Pour les vidéos, si en avoir sur votre site vous semble absolument nécessaire, deux options s’offrent alors à vous :
Moins de fioritures, plus d’efficacité. Un site bien conçu, c’est un site :
✅ Optimisé niveau code : les builder Oxygen et Webflow sont idéaux en optimisant les lignes de codes nécessaires à l’écriture de vos scripts et du design de vos pages.
✅ Minimaliste et responsive : un site mobile first limitera le superflu.
✅ Sans animations lourdes : exit les carrousels et les effets inutiles.
✅ Avec des polices de caractères optimisées : limiter le nombre de polices utilisés ou choisissez des polices standard (Arial, Tahoma…) qui n’ont pas besoin d’être téléchargé.
💡Bonus : Le mode sombre/dark mode peut aussi réduire la consommation d’énergie des écrans OLED/AMOLED. A proposer si cela correspond au branding de votre entreprise.
Plusieurs outils en ligne permettent d’analyser votre site et de mesurer son impact écologique basé sur différents critères. Un conseil, pensez votre site eco-responsable dès le début du projet, cela vous permettra de plus facilement optimiser votre site et le faire passer les tests haut la main.
Le plus connu et le plus utilisé. Il donne une note de vos pages en version desktop et mobile pour sa rapidité et son optimisation. Utilisé pour optimiser votre référencement et la navigation des utilisateurs, il est un bon indicateur d’éco-responsabilité. En plus, Google Page Speed Insight intégre aussi des recommandations pour le SEO et l’accessibilité de votre site.
🌱 Eco-index :
Vous donne un score allant de A à G en fonction : du poids de la page, de la complexité et du nombre de requêtes. Le site vous donne des conseils pour améliorer votre score en fonction de votre résultat.
🌿 GreenIt :
Une extension disponible sur Chrome et Mozilla qui estime votre score et l’énergie nécessaire en CO2, et en eau pour faire fonctionner chaque page. Des bonnes pratiques sont aussi proposées en fonction du résultat de l’analyse.
En version anglais uniquement et plus stricte des 2 outils précédents. Il estime la consommation en CO2 par chaque page en fonction : du transfert des donnés, de l’énergie nécessaire pour l’affichage des pages, du type d’énergie utilisé de votre hébergeur…
📌 Checklist 115 bonnes pratiques d’écoconception :
🔗 https://collectif.greenit.fr/ecoconception-web/
📌 Introduction à l’écoconception avec Ecoindex :
🔗 https://www.ecoindex.fr/ecoconception/
📌 Les bonnes pratiques ALT Impact :
🔗 https://altimpact.fr/bonnes-pratiques/
📌 Designer éthiques :
🔗 https://beta.designersethiques.org/fr
📌 Référentiel Général d’éco-conception des services numériques :
https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/#uxui
https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html
L’éco-conception web, ce n’est pas juste un concept sympathique pour se donner bonne conscience. C’est un sujet auquel webdesigners, développeurs et entrepreneurs devrait s’emparer dès aujourd’hui car c’est un vrai levier pour réduire l’impact du numérique sur la planète.
En plus, un site rapide, optimisé et bien pensé, c’est aussi meilleur pour vos utilisateur et pour votre référencement. Alors, pourquoi s’en priver ?
🎯 Avec Mamout, vous êtes prêt à rendre le web plus vert ?
