Glossaire de l’éco-conception web : 30 termes essentiels

J’ai rassemblé ici les 30 termes que vous croiserez forcément si vous vous intéressez au sujet. Des définitions claires, concrètes, avec des exemples quand c’est utile. Que vous bossiez sous WordPress, WooCommerce ou un autre CMS, ce vocabulaire vous donnera les repères pour concevoir des sites plus légers et plus responsables.

Les fondamentaux

1. Éco-conception web

On parle d’éco-conception web quand on intègre les enjeux environnementaux dès le départ d’un projet : conception fonctionnelle, design, développement, hébergement, fin de vie. L’idée, c’est de consommer moins de ressources (énergie, bande passante, matériel) sans sacrifier l’utilité du service.

2. Numérique responsable

L’éco-conception web en fait partie, mais le numérique responsable va plus loin. Il intègre aussi les dimensions sociales et éthiques : accessibilité, inclusion, protection des données personnelles, gouvernance.

3. Sobriété numérique

Le think tank The Shift Project a popularisé ce concept. La sobriété numérique pousse à questionner chaque usage : est-ce que cette fonctionnalité apporte vraiment de la valeur ? Le Standish Group a montré que 45 % des fonctionnalités d’un site ne servent jamais. Ça fait réfléchir.

4. Green IT

Le Green IT regroupe toutes les pratiques qui visent à réduire l’impact environnemental des systèmes d’information : matériel, logiciels, data centers. En France, le collectif GreenIT.fr, porté par Frédéric Bordage, fait référence sur le sujet.

5. Dette technique environnementale

Vous connaissez la dette technique en dev ? Le principe est le même côté environnement. Chaque choix technique non optimisé alourdit l’empreinte du site : un plugin WordPress inutile, un script JS chargé pour rien, des images non compressées. Tout s’accumule.

---

Mesurer l’impact environnemental

6. Analyse du Cycle de Vie (ACV)

L’ACV évalue l’impact environnemental d’un produit ou d’un service de bout en bout : extraction des matières premières, fabrication, utilisation, fin de vie. La norme ISO 14040 encadre cette méthode. Appliquée au web, on part de l’unité fonctionnelle du site (sa raison d’être) pour mesurer l’impact de chaque parcours utilisateur.

7. Empreinte carbone numérique

L’empreinte carbone numérique est la quantité de gaz à effet de serre qu’émet un service numérique, exprimée en équivalent CO₂. Le calcul prend en compte trois postes : les terminaux des utilisateurs, le réseau et les serveurs. En moyenne, une page web génère entre 0,5 et 1 g de CO₂ par visite, mais les sites mal optimisés dépassent largement ce chiffre.

8. EcoIndex

L’outil de référence en France, développé par le collectif GreenIT.fr. EcoIndex attribue une note de A à G à chaque page web selon trois critères : le nombre de requêtes HTTP, le poids de la page et le nombre d’éléments dans le DOM. Il traduit aussi cette note en équivalent CO₂ et en consommation d’eau. Si vous ne devez tester qu’un seul outil, c’est celui-là.

9. Ecometer

Un complément à EcoIndex. Ecometer vérifie si une page respecte 15 critères tirés du référentiel des 115 bonnes pratiques du collectif GreenIT. Pratique pour un audit rapide.

10. Unité fonctionnelle

Ce terme vient de l’ACV. L’unité fonctionnelle définit la fonction principale du service numérique. Exemple pour un site e-commerce : « permettre à un utilisateur de trouver et d’acheter un produit ». C’est cette base qui permet ensuite de comparer l’impact de différentes solutions techniques entre elles.

11. Budget environnemental

Comme un budget financier, mais pour les ressources techniques : poids de page maximal, nombre de requêtes autorisé, temps de calcul serveur. Fixer ces limites en amont force à faire des choix. Un bon point de départ : 500 Ko par page et 30 requêtes HTTP maximum.

---

Conception et design responsable

12. Design sobre

Moins d’animations, moins d’images décoratives, des polices système plutôt que des Google Fonts lourdes, des mises en page épurées. Sobre ne veut pas dire moche : ça veut dire aller droit au but et mettre le contenu en avant plutôt que l’habillage.

13. Mobile First

Concevoir d’abord pour le mobile, puis adapter pour le desktop. Au-delà du responsive classique, cette approche pousse naturellement à prioriser l’essentiel et à couper le superflu dès le départ. L’éco-conception en profite directement.

14. Élimination fonctionnelle

Le levier le plus puissant en éco-conception : supprimer ce qui ne sert pas. Une fonctionnalité qui n’existe pas consomme zéro ressource, ni en développement, ni en exécution, ni en maintenance. Avant d’ajouter quoi que ce soit, posez-vous la question : « Est-ce que mes utilisateurs en ont vraiment besoin ? »

15. Dark patterns

Les dark patterns, ce sont ces techniques de design qui manipulent l’utilisateur : achats forcés, partage de données caché, scroll infini. Ils génèrent du trafic et des interactions inutiles. C’est le contraire exact de l’éco-conception.

16. Accessibilité web (RGAA / WCAG)

Rendre un site utilisable par tout le monde, y compris les personnes en situation de handicap. Le RGAA pose le cadre en France, les WCAG à l’international (W3C). Bonne nouvelle : un site accessible est souvent plus léger, mieux structuré et plus sobre. Accessibilité et éco-conception avancent dans la même direction.

---

Développement et performance

17. Poids de page

Le poids total des fichiers nécessaires pour afficher une page : HTML, CSS, JS, images, polices. En 2025, le poids médian dépasse 2,5 Mo. En éco-conception, on vise sous les 500 Ko. C’est le levier technique le plus direct pour réduire la consommation d’énergie et de bande passante.

18. Requêtes HTTP

À chaque fichier nécessaire (HTML, CSS, JS, image, police), le navigateur envoie une requête au serveur. Chaque requête consomme de l’énergie côté client, réseau et serveur. C’est l’un des 3 critères d’EcoIndex. Pour les réduire : concaténez vos fichiers, utilisez des sprites CSS, limitez les scripts externes.

19. Lazy loading

Le lazy loading charge les images et vidéos uniquement quand elles arrivent dans la zone visible de l’écran. Si l’utilisateur ne scrolle pas jusqu’en bas, les ressources hors écran ne se téléchargent jamais. En HTML natif, un simple loading="lazy" suffit. WordPress le gère nativement depuis la version 5.5.

20. Minification

La minification supprime tous les caractères inutiles du code source : espaces, commentaires, retours à la ligne. Le fonctionnement ne change pas, mais le poids des fichiers CSS, JS et HTML diminue de 10 à 30 %. Sur WordPress, des plugins comme Autoptimize ou WP Rocket le font automatiquement.

21. Cache navigateur

Le cache stocke les fichiers statiques d’un site (images, CSS, JS) directement sur l’appareil de l’utilisateur. Lors de sa prochaine visite, le navigateur charge ces fichiers en local au lieu de les re-télécharger. Moins de requêtes réseau, un affichage plus rapide, moins d’énergie consommée.

22. DOM (Document Object Model)

Le DOM, c’est la représentation en mémoire de la structure HTML d’une page, sous forme d’arbre. Plus cet arbre contient de nœuds imbriqués, plus le navigateur consomme de mémoire et de puissance pour l’afficher. Un DOM léger traduit un code HTML propre. C’est le troisième critère qu’EcoIndex mesure.

23. Core Web Vitals

Les trois métriques de Google pour évaluer l’expérience utilisateur : LCP (vitesse d’affichage du contenu principal), INP (réactivité aux clics) et CLS (stabilité visuelle de la page). Un site qui performe sur ces indicateurs consomme généralement moins de ressources. Performance et éco-conception vont ensemble.

24. Scripts tiers

Tout le JavaScript qui vient de serveurs externes : analytics, pixels publicitaires, widgets de réseaux sociaux, chatbots, Google Fonts. Les scripts tiers plombent souvent les performances d’une page. En éco-conception, on audite chacun d’eux et on vire ceux qui ne sont pas indispensables.

---

Hébergement et infrastructure

25. Hébergement vert

Un hébergeur qui utilise des énergies renouvelables, qui optimise le refroidissement de ses serveurs et qui compense ses émissions carbone. Méfiez-vous du greenwashing : vérifiez que l’hébergeur publie des données concrètes sur son mix énergétique et son PUE.

26. PUE (Power Usage Effectiveness)

Cet indicateur mesure l’efficacité énergétique d’un data center. Le PUE divise l’énergie totale du centre de données par l’énergie qui alimente réellement les serveurs. Un PUE parfait serait de 1,0. Les meilleurs data centers tournent autour de 1,1 à 1,2. La moyenne mondiale reste autour de 1,6.

27. CDN (Content Delivery Network)

Un réseau de serveurs répartis dans le monde entier qui stocke des copies du contenu statique de votre site. Le CDN sert les fichiers depuis le serveur le plus proche de chaque visiteur. Moins de distance sur le réseau, donc moins d’énergie consommée par les équipements intermédiaires.

28. Énergie grise

L’énergie qu’il faut pour fabriquer, transporter et recycler un équipement informatique (serveur, routeur, smartphone). L’énergie grise pèse souvent plus lourd que la consommation à l’usage dans le bilan environnemental du numérique. C’est pour ça que l’éco-conception cherche aussi à prolonger la durée de vie des terminaux, en concevant des sites qui tournent sur des appareils anciens.

---

Normes et référentiels

29. RGESN (Référentiel Général d’Écoconception de Services Numériques)

La DINUM, l’Arcep, l’ADEME et l’Arcom ont publié ce référentiel en 2024. Il pose le cadre officiel français pour l’éco-conception des services numériques, aussi bien dans le public que dans le privé. Le RGESN compte 79 critères organisés en 8 thématiques : stratégie, spécifications, architecture, UX/UI, contenus, front-end, back-end et hébergement.

30. RWEB : Référentiel d’éco-conception web (115 bonnes pratiques)

Le collectif GreenIT a élaboré ce référentiel sous l’impulsion de Frédéric Bordage. La version 5 compte aujourd’hui 119 bonnes pratiques. C’est le référentiel technique que les développeurs et les agences web utilisent le plus en France. Chaque bonne pratique précise sa phase du cycle de vie et son niveau de priorité. Vous pouvez le consulter gratuitement en ligne ou acheter le livre.

---

Passer à l’action

Le vocabulaire, c’est bien. La pratique, c’est mieux. Trois actions pour démarrer maintenant.

D’abord, testez vos sites actuels avec EcoIndex. Vous obtiendrez un diagnostic clair et des pistes d’amélioration immédiates. Ensuite, ouvrez le référentiel RWEB et attaquez les bonnes pratiques prioritaires : compressez vos images, supprimez les scripts tiers inutiles, activez le cache. Enfin, prenez l’habitude de poser une seule question à chaque étape de vos projets : « Est-ce que cette fonctionnalité est vraiment nécessaire ? » C’est souvent ce réflexe-là qui fait la plus grosse différence.

Un site éco-conçu charge plus vite, se positionne mieux sur Google, coûte moins cher à maintenir et reste accessible sur des appareils anciens. C’est à la fois un engagement environnemental et un avantage concurrentiel.