Numérique responsable · Vert Num'

Écoconception & empreinte carbone

Ce site pèse quelques dizaines de kilo-octets par page et n'utilise ni cookies, ni polices distantes, ni analytics. Voici les mesures réelles, la méthodologie appliquée et un calculateur pour tester le vôtre.

Ce que pèse cette page, maintenant

Mesures en direct via la Performance API du navigateur. Rechargez pour rafraîchir.

Poids transféré Ko
Requêtes réseau appels
CO₂ par vue g eq. CO₂
Note SWD échelle A+ → F

Le poids inclut HTML, CSS, JS, images, polices et services workers. Le CO₂ suit la méthodologie Sustainable Web Design v4 (0,494 g CO₂ / Mo, réseau global). Notre hébergeur IONOS est certifié vert, ce qui réduit l'empreinte de ~9 %.

Calculateur carbone d'un site

Estimez l'empreinte annuelle d'un site à partir de trois curseurs. Basé sur la méthodologie SWD v4 — la même que Website Carbon.

800 Ko
10 000
70 %
CO₂ par vue g eq. CO₂
Par mois kg eq. CO₂
Par an kg eq. CO₂

Équivalents annuels :

  • km en voiture thermique
  • arbres à planter pour compenser (sur 1 an)
  • smartphones chargés

Best practices appliquées ici

14 mesures d'écoconception réellement en place sur ce site. Auditable en ouvrant l'inspecteur.

Zéro tracker, zéro cookie

Aucun analytics, aucun script tiers, aucune police Google. Chaque requête sortante est du contenu utile — pas de télémétrie qui alourdit chaque vue.

Service Worker network-first

Les pages sont mises en cache après première visite. Un visiteur récurrent ne re-télécharge que le HTML modifié — les assets (CSS, JS, images) sont servis localement.

Hébergement vert (IONOS)

IONOS est certifié Green Web Foundation — data-centers alimentés en électricité renouvelable, avec engagement PUE public.

Images WebP + lazy loading

Formats modernes (WebP, AVIF quand pertinent), attribut loading="lazy", dimensions explicites pour éviter les reflows coûteux en CPU/batterie.

CSS & JS minifiés, un seul bundle

Un fichier styles.min.css et un neural.min.js, sans framework. Pas de React/Vue à charger — juste du DOM natif et quelques modules IA activés à la demande.

Polices système uniquement

Aucun @font-face distant. Le stack system-ui utilise les polices déjà installées — 0 Ko à télécharger, 0 latence.

SVG sprites inline

Toutes les icônes sont dans un seul sprite SVG <use>. Pas de webfont d'icônes, pas de PNG multiples : quelques Ko pour tout le site.

Mode lecture (masquer HAL)

Bouton "eye" en header : coupe le fond neural animé et la voix HAL. Consommation CPU/GPU proche de zéro pour les longues lectures ou les batteries faibles.

Respect de prefers-reduced-motion

Toutes les animations (fade, scale, transitions) sont coupées si l'utilisateur a activé la réduction de mouvement. Économie CPU et confort pour les personnes sensibles.

IA calculée dans le navigateur

Vision, LSF, RAG, Transformers.js : tout tourne côté client. Aucun serveur d'inférence, aucun aller-retour réseau après chargement du modèle. Zéro coût énergétique cloud à l'usage.

Modes HAL activés à la demande

Le fond neural s'affiche seulement sur pages "showcase". Les pages contenu (formation, contact) ont un fond statique — moins de GPU sollicité.

HTTP/2 + compression brotli

Multiplexage des requêtes, compression brotli côté IONOS. Le poids réseau réel est ~30 % inférieur au poids transféré affiché ci-dessus (mesure brotli).

Speculation Rules API

Le navigateur pré-charge les pages internes probables (jamais les jeux lourds) pendant les temps morts. Perçu instantané, sans re-transfert.

PWA installable, offline-first

Manifest + service worker : le site fonctionne hors ligne après la première visite. Aucun re-fetch inutile lors de mauvais réseau.

Méthodologie & limites

Formule utilisée

Le calcul suit le modèle Sustainable Web Design v4 (2024) :

CO₂ (g/vue) = poids_Mo × 0,494 × (nouveaux + récurrents × 0,02)
                × (1 − 0,09 si hébergement vert)

Sources : Sustainable Web Design v4, Website Carbon, CO2.js, RGESN (mission numérique responsable, France).

Ce que ce calcul n'inclut pas

  • La fabrication du terminal du visiteur (impact matériel amorti sur la durée de vie).
  • L'énergie grise du code (dev, CI, review).
  • La chaleur dissipée par les box internet des visiteurs.

La méthodo SWD est une approximation à visée pédagogique et comparative. Pour un bilan carbone officiel, il faut un audit ISO 14067 / RGESN — que je peux réaliser sur demande.

Aller plus loin