Humanité & Design · Projet HD

Éco-Conception Web

Réduire l'impact environnemental de l'hébergement du site de CY Cergy Paris Université grâce à une stratégie d'optimisation numérique durable — code allégé, hébergeur écoresponsable, accessibilité renforcée.

Impact mesuré · EcoIndex
−51%
Émissions CO₂ / visite
1 Ko
Taille optimisée (vs 332 Ko)
48
Lignes de code (vs 8 965)
−80%
CO₂ via hébergeur vert
Ibrahim Fridjine · Maria-Danielle Boula
Myriam Bensaïd · Tom Jaffrain

Pourquoi agir
sur le numérique ?

Le numérique est souvent perçu comme immatériel. Pourtant, chaque octet transféré, chaque serveur alimenté, chaque appareil fabriqué a un coût environnemental réel. Notre projet part de ce constat pour agir à l'échelle d'une université.

🌍

4 % de l'empreinte carbone mondiale

Le secteur du numérique représente environ 4 % des émissions mondiales de CO₂ — autant que l'aviation civile. La moitié provient de la fabrication des appareils et des infrastructures, l'autre de l'électricité nécessaire pour les faire fonctionner.

🌐

129,6 kg CO₂ / an pour le site de CYU

Avec 10 000 visites mensuelles et 1,08 g de CO₂ émis par visite, le site actuel de CY Cergy Paris Université génère près de 130 kg de CO₂ par an. Un gisement d'amélioration direct et mesurable, sans modifier le contenu visible.

⚖️

Enjeux politiques & réglementaires

La loi REEN, le référentiel RGAA et les certifications Green Label Code posent un cadre légal croissant. Les universités publiques ont une responsabilité exemplaire dans la transition numérique. La norme ISO 14001 cadre également les systèmes de management environnemental.

Un projet ancré dans
6 Masterclass

Le projet s'inscrit dans le programme All Aboard Engineering de CY Tech PréIng1. Six masterclasses tout au long de l'année ont nourri notre réflexion sur les enjeux systémiques, économiques et narratifs de la transition écologique.

MASTERCLASS #1

Transition Écologique & Sociale

7 des 9 limites planétaires déjà dépassées. Le numérique exerce une pression directe via le changement climatique et le cycle de l'eau douce (refroidissement des serveurs).

MASTERCLASS #2

L'empreinte carbone

Mesure en CO₂ via les 3 scopes d'émissions et l'ACV (Analyse du Cycle de Vie). Un site mal conçu peut polluer autant qu'un trajet en voiture répété des milliers de fois par an.

MASTERCLASS #3

Économie circulaire

Repenser le cycle de vie du produit numérique : code léger, design modulaire, images compressées. Contrairement au modèle linéaire, l'éco-conception intègre la fin de vie dès la conception.

MASTERCLASS #4

Récits & imaginaires

Notre projet porte un récit de sobriété numérique : montrer qu'un autre web est possible — plus léger, plus accessible, plus respectueux de la planète, sans sacrifier l'utilité.

MASTERCLASS #5

Villes & Changement climatique

L'infrastructure numérique concentrée dans des datacenters urbains contribue au bilan carbone des villes. Relocaliser ou verdir ces infrastructures réduit leur dépendance aux énergies fossiles.

MASTERCLASS #6

Ingénieur & Transition

L'ingénieur de demain est un médiateur entre technologie, écologie et société. Concevoir sobrement, questionner l'utilité de ce qu'on développe : un engagement éthique autant que technique.

« La manière dont on raconte les choses influence la façon dont on agit. »
MC #4 — Récits & imaginaires
« On ne pensait pas que 7 des 9 limites planétaires étaient déjà dépassées. »
MC #1 — Transition systémique
« Un site web mal conçu peut polluer beaucoup. On est motivés à concevoir plus sobre. »
MC #2 — Empreinte carbone

État des lieux du site CYU

La problématique affinée : « Quelle stratégie réaliste d'éco-conception peut être mise en œuvre pour réduire l'impact environnemental du site internet de CYU tout en maximisant les bénéfices économiques et sociaux de manière durable ? »

En analysant le code HTML du site actuel via EcoIndex et GTMetrix, nous avons mesuré l'écart considérable entre sa version actuelle — 8 965 lignes de code, 332 Ko, images lourdes — et ce qu'une version éco-conçue pourrait représenter.

EcoIndex GTMetrix Méthode SMART ACV Donut de Raworth

La méthode SMART nous a permis de structurer trois pistes de résolution : hébergeur écoresponsable, réduction de l'empreinte utilisateur, et optimisation du code. Seules la première et la troisième sont spécifiques, mesurables, atteignables et réalistes.

Le modèle de Kate Raworth (Donut Économique) a guidé notre contextualisation : le projet touche simultanément les plafonds écologiques (changement climatique, énergie) et les planchers sociaux (éducation, inclusion numérique). En éco-concevant le site CYU, on le rend accessible à tous, y compris sur des connexions lentes ou des appareils peu puissants.

ÉMISSIONS CO₂ · COMPARATIF
Site actuel
1,08 g
Après images
0,60 g
Code minimisé
<0,01 g
EcoIndex opt.
1,12 g
−51 %
de réduction atteinte · version optimisée vs version actuelle

Hébergeur vert : migrer vers un datacenter alimenté aux énergies renouvelables peut réduire jusqu'à 80 % de l'empreinte carbone résiduelle du site, selon les études ACV sectorielles.

Trois stratégies évaluées

Chaque piste a été évaluée selon les critères SMART. Deux ont été retenues et combinées dans notre solution finale, la troisième écartée pour des raisons de faisabilité.

02

Réduction côté utilisateur

Agir sur les comportements de navigation pour limiter la consommation. Non retenue : il est impossible de contraindre les utilisateurs à consommer moins, et la temporalité est indéfinissable. Les critères S, R et T ne sont pas satisfaits.

S ✗ M ✓ A ✓ R ✗ T ✗
CADRES & LABELS
Label Green Code Référentiel français d'éco-conception web
Référentiel Green IT Bonnes pratiques numériques responsables
ISO 14001 Management environnemental international
Loi REEN Réduction de l'empreinte environnementale du numérique
RGAA Accessibilité des services publics numériques

Ce que nous avons démontré

Les optimisations ont été réalisées sur une version prototype du site, afin de mesurer et prouver leur faisabilité. Elles n'ont pas encore été déployées sur le site officiel de CYU, dont la migration reste en attente de validation par la DSI.

−51 %
Émissions par visite
332→1
Ko (poids du code)
8 965→48
Lignes de code
8 mois
Délai de déploiement
Action Impact technique Effet utilisateur Bénéfice Statut
Minimisation du code HTML/CSS/JS 332 Ko → 1 Ko · 0,30 g → <0,01 g CO₂ Chargement plus rapide, fonctionne sur connexions lentes Accessibilité renforcée, version ultra-sobre Prototype
Compression des images (WebP) 3,00 g → 0,60 g CO₂ / visite Fonctionne sur connexions lentes, design maintenu Performance améliorée, qualité visuelle préservée Prototype
Réduction des requêtes HTTP Moins d'allers-retours serveur, moins d'énergie Temps de réponse réduit Performance globale améliorée Prototype
Migration hébergeur écoresponsable Énergie renouvelable · −80 % empreinte datacenter Aucun changement visible pour l'utilisateur Impact structurel, solution pérenne Non déployé

Ctrl + Alt Fix · MI3-5

IF
Ibrahim Fridjine
Analyse HTML
MDB
Maria-Danielle Boula
Recherche
MB
Myriam Bensaïd
Coordination générale
TJ
Tom Jaffrain
Dev & tests

Ambrine Abouni et Wahiba Talankite ont quitté le projet en cours d'année. Le projet a été mené à terme par les quatre membres restants.

Modèle énergétique de l'équipe (fin de projet)
Myriam
100
Ibrahim
94
Tom
92
Maria
88