Écoconception
L'ecoconception est une démarche d'amélioration qui vise à limiter les ressources informatiques et énergétiques au niveau du terminal utilisateur, du réseau et du data-center. Une posture vertueuse, et peut-être bientôt une obligation légale car, à l'image du RGPD, les autorités prennent conscience de l'impact du numérique sur l'environnement.
Le numérique est responsable à lui seul de 4% des émissions de gaz à effet de serre mondiaux (Rapport du GIEC 2022). Ce chiffre est en constante augmentation et tend à être multiplié par trois à l'horizon 2050 en l'état actuel de nos modes de vie et de consommation (Rapport du GIEC 2023), ce qui ferait de ce secteur le plus grand émetteur de gaz à effet de serre.
L'écoconception passe inévitablement par un questionnement de la pertinence des fonctionnalités proposées. Évidemment, elle est également le résultat de l'application rigoureuse d'un grand nombre de bonnes pratiques de design et de développement permettant au passage d'optimiser la qualité du web.
Soucieux des dépenses carbone du numérique j'ai souhaité réaliser mon site en suivant un grand nombre de bonnes pratiques dont celles répertoriées dans le RGESN (Référentiel Général d'Écoconception Numérique). Ce référentiel est le guide officiel proposé par l'ARCEP.
Pour donner des éléments de mesure simples à comprendre j'ai utilisé l'ÉcoIndex de GreenIT ; outil de référence pour évaluer l'impact environnemental des pages web. Il évalue les pages web sur une note allant de 0 à 100 qui correspondent à un grade de A à G. Pour obtenir ces notes, l'outil examine le poids de la page, le nombre de requêtes effectuées et la complexité du code html qui la compose.
Explication détaillée du fonctionnement de l'EcoIndex.
L'audit se base sur un échantillon de pages représentatives d'un parcours commun sur le site a2graphik.com. Le site Internet a2graphik.com a été mise à jour en 2026.
Pages légères, simples et peu de requêtes, ecoindex.fr.
Seulement 0,02g de CO2 est produit à chaque fois que quelqu'un visite la page d'accueil, soit 96% plus propre que les sites testés sur websitecarbon.com.
En suivant les principes de la conception centrée utilisateurs, vous faites, sans le savoir, un grand pas vers l'écoconception web. Vous pouvez tous améliorer l'impact de votre dispositif par la mise en œuvre de pratiques simples et faciles. Les quelques bonnes pratiques ci-dessous ne sont pas exhaustives ; les suivre ne suffit pas à rendre un site propre et accessible, mais y contribue.
Plus un utilisateur passe de temps sur un site pour accomplir son objectif, plus l'empreinte environnementale sera élevée. Il faut donc évaluer précisément les besoins pour éviter d'ajouter, sans le vouloir, des fonctionnalités inutiles.
Avoir une approche "Mobile first" aide à réduire les contenus superflus.
Utiliser les polices de caractères standards.
Respecter les standards du World Wide Web Consortium (W3C).
Rédiger clairement le contenu en structurant l'information.
Ex. Texte non justifié (espacement variable pouvant gêner les personnes dyslexiques), interlignage d'au moins 1,5 dans les paragraphes et l'espacement entre les paragraphes d'au moins 1,5 fois plus grand que la valeur de l'interligne (norme AA d'accessibilité).
Optimiser, compresser et réduire la taille des documents à télécharger. Préférer les formats *svg (vectoriel) ou *jpeg / *webp (photo).
Limiter l'usage de vidéos et bannir leur utilisation en fond (autoplay).
Limiter les animations Javascript et privilégier les changements instantanés plutôt qu'animés.
Éviter les GIFs animés, les carrousels et vidéos en autoplay.
Fournir une feuille de styles optimisée pour l'impression permettra de limiter les informations utiles sur papier (ex. suppression des éléments de navigation, footer, optimisation des images...).
Externaliser et minifier les ressources (feuilles de styles, javascript).
Éviter les requêtes serveur et base de données (scroll infinis).
Limiter l'utilisation de widgets et plug-ins (fils d'actualité réseaux sociaux, map, vidéos, etc.), préférer un lien vers les réseaux sociaux ou une carte.