BETC Fullsix

Éco-conception

Sobriété numérique vérifiable : budget carbone par page, poids mesuré, infra dimensionnée juste - pas une déclaration, une pratique.

EcoIndexscore par page mesuré

RGESNréférentiel français

-30%poids médian visé

Aller plus loin Demander une démo

L'éco-conception n'est pas un label : c'est un ensemble de décisions techniques prises dès le départ - poids des assets, requêtes HTTP, cache, infra dimensionnée au juste besoin. Chaque gain est mesuré, chaque régression détectable en CI.

Mesure avant et après

EcoIndex et RGESN servent de référentiel chiffré : score par page, empreinte carbone estimée, nombre de requêtes, poids transféré. On établit un baseline, on fixe des seuils, on mesure l'impact de chaque livraison.

Optimisation des assets et du cache

Images converties en WebP/AVIF et redimensionnées à la demande, polices hébergées en self-hosted avec font-display: swap, scripts tiers différés ou retirés. Le cache Cloudflare réduit la charge origine de plus de 85 % sur les sites à fort trafic.

Infra dimensionnée juste

Kubernetes BSO avec autoscaling horizontal : les pods scalent à la demande et se retreindent après le pic. On ne paye pas - et on ne consomme pas - pour du compute dormant. Les médias sont sur S3/MinIO, servis en CDN.

Pourquoi mesurer l'éco-conception

Le numérique représente environ 4 % des émissions mondiales de CO2 et la tendance est à la hausse. L'éco-conception web agit sur les facteurs directement dans notre périmètre : poids des pages, nombre de requêtes, durée de vie des assets en cache, dimensionnement de l'infra.

Le référentiel RGESN (Référentiel Général d'Écoconception de Services Numériques, publié par la DINUM) couvre 79 critères répartis en 8 thématiques : stratégie, spécifications, architecture, UX/UI, contenus, front, back, hébergement. Il est complémentaire de l'EcoIndex (score A à G basé sur le poids de la page, le nombre de requêtes et la complexité du DOM).

Leviers techniques appliqués

Poids des assets :

Images converties en WebP ou AVIF, redimensionnées à la bonne résolution via le composant <Image> Next.js ou un worker Cloudflare Images.
Polices hébergées en self-hosted (pas de Google Fonts externe) avec preload et font-display: swap pour éviter le FOIT.
CSS et JS bundle-splitées, tree-shakées et compressées en Brotli. Aucune dépendance inutile dans le bundle client.

Nombre de requêtes HTTP :

Scripts tiers (analytics, publicité, widgets) chargés en mode différé ou non chargés du tout si le consentement n'est pas donné.
Sprites SVG ou icon-font pour les pictogrammes redondants.
Agrégation des appels API via le middleware MUH : un seul round-trip entre le front et le backend, pas de waterfall de requêtes client.

Cache et infra :

Cache Cloudflare full-page sur les routes statiques, invalidation ciblée à chaque publication (pas de wipe global).
Kubernetes BSO : autoscaling horizontal basé sur la charge CPU/RAM réelle. Les replicas se retreindent après les pics de trafic - pas de surconsommation continue.
Médias sur S3/MinIO, servis en CDN avec TTL long. Pas de filesystem local sur les pods (stateless).

Ce que ça change pour la DSI

Rapport EcoIndex par URL : score lettre (A à G) + empreinte carbone estimée (gCO2e par visite) disponible en audit ou intégré à la CI.
Seuils en CI/CD : un build peut être bloqué si le poids de la page dépasse un seuil fixé, exactement comme un test de performance.
Conformité RGESN documentée : grille d'audit remplie critère par critère, applicable dans le cadre d'un marché public ou d'une politique RSE groupe.
Réduction de la facture hébergement : un site correctement caché et dimensionné consomme moins de compute. L'éco-conception et la maîtrise des coûts vont dans le même sens.