Un site web consomme de l'énergie. À chaque visite, des serveurs travaillent, des données traversent des câbles et des antennes, et l'appareil de l'internaute tourne pour afficher la page. Tout ça a un coût environnemental, modeste à l'échelle d'une page, conséquent à l'échelle de millions de visites.
Mais comment mesurer ce coût ? C'est là que ça se complique : il n'existe pas une seule méthode, mais plusieurs approches qui ne mesurent pas la même chose. Avant de te parler des outils que j'utilise, il faut comprendre comment ils calculent leurs scores.
Trois grandes manières de calculer l'impact d'un site
Approche 1 : le poids transféré × un facteur d'émission
C'est la plus simple. On mesure les kilo-octets téléchargés par le navigateur, on multiplie par un facteur moyen (X grammes de CO₂ par Go transporté), et on obtient une estimation en grammes de CO₂ par visite.
C'est l'approche du modèle Sustainable Web Design utilisé notamment par Website Carbon Calculator. Le calcul prend en compte :
- la quantité de données échangées,
- l'intensité énergétique du transport (data center, réseau, terminal utilisateur),
- la source d'énergie de l'hébergeur (vert ou non),
- l'intensité carbone de l'électricité.
Avantage : un résultat parlant -> un nombre de grammes de CO₂.
Limite majeure : la métrique se résume au poids. Une page lourde mais bien codée et une page lourde mal codée auront le même score. Et les facteurs d'émission utilisés varient énormément d'une étude à l'autre, donc le chiffre absolu est à prendre avec des pincettes.
Approche 2 : audit Lighthouse + référentiels d'écoconception
Ici, on lance un audit Lighthouse (l'outil de Google intégré à Chrome) sur la page, et on croise les résultats avec des référentiels comme le RGESN (Référentiel Général d'Écoconception des Services Numériques) ou le RGAA (accessibilité).
C'est l'approche de Kastor.green. L'outil ne se contente pas de mesurer, il détecte des bonnes pratiques manquantes : images non optimisées, JS bloquant, absence de cache, etc.
Avantage : l'analyse est actionnable. Tu obtiens une liste de chantiers priorisés.
Limite : seuls les critères automatisables sont évalués (40 sur ~80 pour le RGESN, 20 sur 106 pour le RGAA). Ça reste un pré-audit, pas un audit complet. Et le score dépend des règles Lighthouse, qui évoluent et ne sont pas spécifiquement pensées pour l'écoconception.
Approche 3 : un score normalisé sur 3 critères techniques
C'est l'approche d'EcoIndex. Au lieu de produire un chiffre absolu de CO₂ ou une liste de bonnes pratiques, EcoIndex évalue la complexité technique d'une page sur 3 critères seulement :
- le poids de la page (Ko transférés),
- le nombre de requêtes HTTP,
- la complexité du DOM (nombre d'éléments HTML).
Ces 3 valeurs sont injectées dans une formule qui produit un score de 0 à 100 et une note de A à G, comme l'étiquette énergétique d'un frigo. Une estimation de gCO₂e et d'eau est fournie en complément (sur la base d'hypothèses transparentes : connexion ADSL, mix énergétique européen).
La grosse différence avec les autres approches, c'est que la mesure est strictement normalisée : Chrome headless, 1920×1080, sans cache, scroll en bas, attentes calibrées. Résultat : deux mesures du même site donnent toujours le même score, et tous les sites sont comparables entre eux. C'est une étiquette, pas un chiffre absolu.
Avantage : reproductibilité, comparabilité, méthodologie ouverte et documentée.
Limite : EcoIndex le dit lui-même -> c'est "un radar qui mesure une performance instantanée". Un bon score ne dit pas que ton site est bien conçu, juste qu'il est techniquement sobre à un instant T. Ça ne remplace pas un audit d'écoconception complet.
Et il existe encore d'autres approches
Pour être complet, deux autres méthodes existent mais sortent du cadre des outils accessibles :
L'Analyse de Cycle de Vie (ACV) : c'est la méthode scientifique de référence, normée ISO 14040 et recommandée par l'ADEME. Elle évalue l'impact d'un service numérique sur l'ensemble de son cycle de vie : fabrication des serveurs et terminaux, hébergement, réseau, usage, fin de vie. Le résultat couvre plusieurs indicateurs (CO₂, eau, ressources, écotoxicité…). C'est rigoureux, mais long et coûteux -> c'est plutôt l'affaire de bureaux d'études spécialisés, pas un outil que tu lances sur ton site en 30 secondes.
La mesure énergétique directe (approche de Greenspector) : au lieu d'estimer la consommation à partir du poids transféré, on mesure réellement l'énergie consommée par un smartphone ou un ordinateur pendant qu'il navigue sur le site. C'est de loin la méthode la plus précise, mais elle nécessite un banc de test physique et un abonnement payant. Réservée aux gros projets ou aux organisations qui font de l'écoconception leur cœur de métier.
Ces deux approches ne sont pas concurrentes des 3 précédentes : elles sont complémentaires, plus rigoureuses, mais hors de portée pour la plupart des projets web. C'est pour ça que je me concentre sur les outils accessibles dans la suite de l'article.
Maintenant qu'on a posé les bases méthodologiques, voici les outils que j'ai testés concrètement.
Les outils que j'ai utilisés
Website Carbon Calculator : le plus simple, pour commencer
Website Carbon est probablement le premier outil que la plupart des gens essayent. Tu colles une URL, et tu obtiens en quelques secondes une estimation de CO₂ par visite, une comparaison à la moyenne, l'info sur l'hébergement vert, et un badge à afficher.
Ce que j'ai aimé : la simplicité. C'est l'outil parfait pour sensibiliser un client ou présenter le sujet à une équipe non technique.
Mes limites avec l'outil : comme expliqué plus haut, la méthode (poids × facteur) est une approximation. Le chiffre obtenu est isolé, peu actionnable et difficilement comparable avec d'autres outils.
Autre point important : ta note dépend en grande partie de ton hébergeur. Website Carbon vérifie l'IP de ton site dans l'annuaire de la Green Web Foundation. Si ton hébergeur n'y est pas référencé, ton site est considéré comme "alimenté par une énergie standard" et ta note baisse mécaniquement, même si ton site est ultra léger et bien codé. C'est frustrant à plusieurs titres :
- Beaucoup d'hébergeurs utilisent réellement des énergies renouvelables mais ne sont pas dans l'annuaire (il faut faire la démarche pour être listé).
- Si tu utilises un CDN comme Cloudflare, c'est l'IP du CDN qui est testée, pas celle de ton hébergeur réel.
- Tu peux donc avoir un site très sobre qui obtient une mauvaise note à cause d'un facteur que tu ne maîtrises pas toujours.
C'est un bon point d'entrée pédagogique, mais je le considère comme un outil de sensibilisation, pas un outil de pilotage technique.
Kastor.green : pré-audit RGESN, plus actionnable
Kastor est un outil français développé par Specinov, agence labellisée Numérique Responsable. Il combine écoconception (RGESN) et accessibilité (RGAA) dans un seul rapport.
Ce que j'ai aimé :
- Les recommandations priorisées : Kastor te dit les 3 actions à mener en priorité, avec leur niveau d'impact.
- La combinaison écoconception + accessibilité dans le même outil, ce qui est cohérent -> un site sobre est souvent plus accessible.
- La possibilité de tester un parcours utilisateur sur plusieurs pages.
- Comparaison sectorielle, historique, export PDF.
Mes limites avec l'outil :
- La comparaison sectorielle est faite uniquement par rapport aux sites déjà testés sur la plateforme. Ça crée un biais d'échantillon : les sites qui passent par Kastor sont souvent déjà sensibilisés à l'écoconception, donc ce n'est pas vraiment représentatif de "la moyenne du web". Ton positionnement relatif est donc à prendre avec précaution.
- Comme Kastor le précise lui-même, il ne couvre que les critères automatisables : 40 critères du RGESN et environ 20 du RGAA. Ça reste un pré-audit, pas un audit complet.
Lighthouse en ligne de commande : ce que j'utilise au quotidien
Pour le suivi régulier, j'ai fini par utiliser Lighthouse en ligne de commande, l'outil sur lequel s'appuient la plupart des audits modernes (y compris Kastor en interne). Il existe en plus un plugin EcoIndex pour Lighthouse qui ajoute le score EcoIndex au rapport standard. Pour les non-développeurs, vous pouvez utiliser le site en ligne d'EcoIndex ou bien l'extension chrome.
Ce qui me convient :
- L'audit tourne en local, sans dépendre d'un service externe ni partager mes URLs.
- Je peux tester plusieurs pages d'un coup en une commande.
- Le rapport HTML est complet : performance, bonnes pratiques, accessibilité, et score EcoIndex avec les recommandations associées.
- Je peux rejouer la mesure à l'identique après une modification pour vérifier l'impact concret.
- Méthodologie strictement identique à celle d'ecoindex.fr -> donc les scores sont comparables avec les autres sites publiquement testés.
C'est devenu mon réflexe : avant et après chaque optimisation, je relance la commande et je vois l'évolution. Pas besoin d'ouvrir un navigateur, pas d'attente, pas de formulaire.
En résumé
| Approche | Outil testé | Force | Quand l'utiliser |
|---|---|---|---|
| Poids × facteur d'émission | Website Carbon | Simplicité, pédagogie | Sensibiliser, badge public |
| Lighthouse + RGESN/RGAA | Kastor.green | Recommandations priorisées | Audit ponctuel, plan d'action |
| 3 critères normalisés | Lighthouse + plugin EcoIndex / extension chrome / ecoindex.fr | Reproductibilité, mesure locale | Suivi régulier, mesure avant/après |
Les trois approches ne sont pas concurrentes : elles ne mesurent pas la même chose. Website Carbon te donne une estimation d'impact, Kastor te donne des chantiers, EcoIndex te donne un score reproductible que tu peux suivre dans le temps.
Si je devais n'en garder qu'un, ce serait EcoIndex. Parce qu'il pose la bonne question : est-ce que cette page a vraiment besoin de tout ce qu'elle charge ? et qu'il me laisse y répondre simplement, en quelques secondes, à chaque modification.
Et c'est là que le vrai travail commence : alléger.