Éco‑conception, mesurée et publiée

Le critère environnemental du marché ne se déclare pas, il se mesure. Voici la cible de production, calculée avec la méthode EcoIndex, et le budget de performance qui nous engage.

Mesuré sur la version légère de cette maquette, 22/09/2026

E

EcoIndex 32/100

6 087
éléments du DOM
dont 536 pour l’accueil seul
32
requêtes
4 417
Ko transférés (gzip)
2.36
g CO₂e
par page vue
3.54
cl d’eau

Mesure honnête d’un prototype qui charge ses 36 pages dans un seul document, l’animation de la vigne (16 photos) et la vidéo d’accueil (1,3 Mo). Ce sont précisément les trois postes que la production supprime : une page par écran, six photos WebP ou une courte vidéo pour la vigne, vidéo chargée après le premier rendu. Méthode : Chromium, serveur local, tailles gzip ; hors CDN.

Cible de production, page d’accueil

A

EcoIndex 79/100

350
éléments du DOM
12
requêtes
480
Ko transférés
1.42
g CO₂e
par page vue
2.13
cl d’eau

Hypothèse pour la page d’accueil en site multi‑pages : HTML 40 Ko, CSS/JS 90 Ko, quatre images WebP, deux polices en sous‑ensemble ; la vidéo (1,3 Mo) n’est chargée qu’après le premier rendu et jamais en mode sobre, elle est mesurée à part. Vérifiée à chaque livraison avec GreenIT‑Analysis et Lighthouse.

Méthode EcoIndex (v1, GreenIT.fr / Collectif Conception Numérique Responsable) : note sur 100 pondérée à partir du nombre d’éléments du DOM (3), des requêtes (2) et du poids transféré (1) ; conversion en g CO₂e et cl d’eau selon les facteurs publiés de la méthode.

ecoindex.fr

Le budget de performance qui nous engage

Écrit dans les spécifications, contrôlé à chaque livraison, publié dans l’observatoire.

IndicateurCible production
Poids première vue (HTML + CSS + JS)< 130 Ko
Poids page d’accueil hors vidéo / vidéo comprise< 500 Ko / < 2 Mo
Requêtes HTTP≤ 25
Éléments du DOM (accueil)< 400
Largest Contentful Paint (4G)< 2,5 s
Scripts tiers0
Vidéomuette, ≤ 1,6 Mo, jamais en mode sobre
ImagesWebP/AVIF, lazy, ≤ 200 Ko chacune
EcoIndex accueilA (≥ 75)
AccessibilitéRGAA 4.1 AA, audit avant mise en ligne

RGESN : les neuf familles, où nous en sommes

Référentiel général d’écoconception des services numériques (DINUM, Arcep, Arcom, ADEME). Vert : traité dans la maquette ; or : engagement de production.

Stratégie

Besoin et cibles définis, fonctionnalités inutiles écartées (passeport retiré), revue annuelle des usages via l’observatoire.

Spécifications

Budget de performance écrit (ci‑dessous), un seul site pour la destination, pas de doublon d’agenda ni d’annuaire.

Architecture

Site statique généré, données de l’office en source unique, pas de framework lourd, pas de CDN tiers en production.

UX / UI

Mode sobre, animations désactivables, vidéo muette jamais chargée en économie de données, images sous les textes masquables.

Contenus

Images WebP/AVIF responsives, une seule vidéo par saison (1,3 à 1,6 Mo), polices variables limitées à deux familles, textes plutôt que pictos images.

Front‑end

JavaScript sans dépendance, chargement différé des pages longues, aucune police externe, aucun script publicitaire.

Back‑end

Cache long, compression Brotli, génération à la demande depuis la base de l’office, pas de requête à chaque visite.

Hébergement

Hébergeur en France ou UE, alimenté en énergie renouvelable, PUE publié, un seul environnement de production.

Algorithmie

Sommelier et configurateur calculés dans le navigateur, pas d’IA générative en ligne, mesure d’audience sans cookie.

Ce que le visiteur peut régler lui‑même

Mode sobre

Retire photos de fond, vidéo et animations : le site pèse alors moins de 200 Ko à l’écran. Activé d’office si le navigateur demande l’économie de données.

Arrêt des mouvements

Respecte la préférence système « réduire les animations » et un réglage propre au site.

Images masquées

Aplat de couleur sous les titres pour lire sans télécharger.

Hors ligne

En production, les fiches consultées restent lisibles sans réseau dans les vignes (cache applicatif).

Au‑delà de l’écran

Hébergement

France ou Union européenne, énergie renouvelable, un seul environnement de production, sauvegardes en France.

Mission

Réunions à distance par défaut, déplacements groupés en train, impressions limitées, papier labellisé.

Kit partenaires

Gabarits pensés pour l’impression économe : formats standards, aplats limités, papier recyclé recommandé.

Durée de vie

Pas de dépendance à un framework, code documenté, cession des sources : le site vit dix ans sans refonte imposée.