EcoIndex : guide complet pour comprendre, mesurer et améliorer son score
23/04/2026
Un site web sur deux noté D ou pire. C'est ce que mesure aujourd'hui l'outil EcoIndex sur la médiane des sites français — et c'est précisément ce qui en fait un référentiel utile : la barre est basse, et la marge d'amélioration énorme.
Si vous travaillez dans la tech, le marketing ou la RSE, vous avez probablement déjà croisé ce terme. EcoIndex est devenu, en France, la référence pour évaluer rapidement l'éco-performance d'une page web. Cité dans le RGESN édité par la DINUM, recommandé par l'ADEME, intégré dans les démarches numérique responsable des grandes entreprises : il s'est installé comme un standard de fait.
Mais comment fonctionne-t-il exactement ? Que mesure-t-il vraiment — et que ne mesure-t-il pas ? Comment obtenir un bon score sans tomber dans le greenwashing ?
Ce guide reprend EcoIndex à la racine : son fonctionnement, ses critères, comment le mesurer, et 10 actions concrètes pour améliorer son score. Avec, à la clé, une vision claire de ce que l'outil peut — et ne peut pas — faire pour votre démarche d'écoconception.
Qu'est-ce qu'EcoIndex ?
EcoIndex est un outil open-source édité par le collectif GreenIT qui évalue la performance environnementale d'une page web en se basant sur trois critères mesurables : la complexité du DOM, le poids des données transférées et le nombre de requêtes HTTP. Il attribue une note de A (le mieux) à G (le pire) et estime l'empreinte carbone et la consommation d'eau par visite.
Pour bien le comprendre, quelques repères :
- Origine : créé en 2014 par le collectif GreenIT.fr, piloté par Frédéric Bordage, auteur de référence sur la sobriété numérique en France.
- Mission : démocratiser la mesure d'éco-performance pour la rendre accessible aux non-experts. Pas un audit complet — un indicateur rapide.
- Statut : 100 % open-source, gratuit, maintenu par des bénévoles et l'association GreenIT.
- Reconnaissance institutionnelle : cité dans le RGESN (Référentiel Général d'Écoconception de Services Numériques de la DINUM), utilisé par l'ADEME, mentionné dans les travaux liés à la loi REEN (Réduction de l'Empreinte Environnementale du Numérique, 2021).
Bref : ce n'est pas un gadget marketing. C'est un outil pensé par et pour les acteurs du numérique responsable, avec une méthodologie publique et auditable.
Comment fonctionne le calcul EcoIndex ?
Le calcul repose sur trois critères techniques mesurables côté navigateur. Chacun est un proxy d'un type de consommation énergétique réelle.
- La complexité du DOM — nombre d'éléments HTML chargés sur la page. Plus le DOM est lourd, plus le navigateur consomme de ressources pour calculer le rendu (CPU, RAM, batterie côté utilisateur).
- Le poids des données transférées — taille totale en kilo-octets de tout ce qui transite (HTML, CSS, JS, images, fonts, vidéos). Proxy de l'énergie consommée sur le réseau et le datacenter.
- Le nombre de requêtes HTTP — chaque requête réseau a un coût d'établissement (DNS, TCP, TLS) qui s'additionne, indépendamment du poids transféré.
Ces trois mesures sont pondérées et combinées en un score brut entre 0 et 100, lui-même converti en une note de A à G. EcoIndex en déduit également :
- une estimation de gCO2eq (grammes équivalent CO2) émis par visite,
- une estimation d'eau consommée (en centilitres) — souvent oubliée, mais le refroidissement des datacenters est un poste majeur.
À retenir : EcoIndex ne mesure pas la consommation énergétique réelle d'une page. C'est une estimation modélisée sur la base de moyennes (mix énergétique européen, durée de visite type, etc.). Utile pour comparer deux sites ou suivre une évolution dans le temps — pas pour dresser un bilan carbone certifié.
Que vaut un score EcoIndex ? Le barème A à G
Voici la grille de lecture officielle du score EcoIndex :
| Note | Score brut | Interprétation | Profil typique |
|---|---|---|---|
| A | 80–100 | Excellent — site très sobre | Sites institutionnels SSG, blogs minimalistes |
| B | 70–79 | Très bon | Sites bien conçus, optimisations soignées |
| C | 55–69 | Bon — au-dessus de la moyenne | Sites e-commerce optimisés, vitrines pros |
| D | 40–54 | Moyen — médiane web français | La plupart des sites professionnels |
| E | 25–39 | Faible | Sites lourds, scripts tiers nombreux |
| F | 10–24 | Mauvais | E-commerce non optimisés, sites bourrés de trackers |
| G | 0–9 | Très mauvais | Sites obsolètes, accumulation de dette technique |
Quelques ordres de grandeur :
- La médiane des sites français se situe autour de la note D. Autrement dit, viser un B ou un A vous place largement au-dessus de la moyenne.
- Les sites e-commerce sont structurellement pénalisés (catalogues lourds, scripts marketing, tags analytics) — un B est déjà très bon dans ce contexte.
- Les sites institutionnels en SSG (Static Site Generation, type Next.js export, Astro, Hugo) atteignent facilement A ou B sans effort héroïque.
- Les applications SPA très dynamiques (React/Vue côté client) sont souvent mal notées — pas parce qu'elles sont mal faites, mais parce qu'EcoIndex évalue le rendu initial (voir limites plus bas).
Comment mesurer son score EcoIndex ? Les 3 méthodes
Trois façons de mesurer, selon votre contexte et votre niveau technique.
1. Le site web ecoindex.fr — la méthode la plus simple
Pour un check rapide :
- Rendez-vous sur ecoindex.fr.
- Collez l'URL à analyser.
- Patientez 20 à 30 secondes.
- Récupérez le score, la note A-G, l'estimation CO2 et la consommation d'eau.
Avantage : aucun setup, aucune installation, gratuit. Inconvénient : ponctuel, pas de suivi historique automatisé.
2. L'extension navigateur — pour les pros
Le collectif GreenIT propose une extension Chrome et Firefox qui analyse n'importe quelle page directement dans votre navigateur, intégrée aux DevTools. Pratique pendant le développement pour voir l'impact d'une modification en temps réel.
Bonus : il existe aussi une extension combinée Lighthouse + EcoIndex qui permet d'auditer perf et éco-performance dans une même passe.
3. L'API EcoIndex — pour le CI/CD
C'est là que ça devient intéressant pour les équipes tech. EcoIndex expose une API publique gratuite :
https://bff.ecoindex.fr/api/v1/ecoindexes
Vous pouvez :
- Lancer une analyse via une requête
POST(URL + paramètres). - Récupérer le résultat (score, note, estimations CO2/eau) au format JSON.
- L'intégrer dans une GitHub Action ou un pipeline GitLab CI pour vérifier qu'aucune Pull Request ne dégrade le score au-delà d'un seuil défini.
C'est cette intégration qui permet de passer de l'audit ponctuel au monitoring continu — et c'est selon nous la vraie valeur d'EcoIndex en environnement de production.
10 actions concrètes pour améliorer son score EcoIndex
Voici les leviers qui ont le plus d'impact, classés par rapport gain/effort. Ce sont les actions qu'on applique systématiquement sur les projets qui passent par notre agence web. Pour la version détaillée de chaque action — avec gain estimé sur le score, code et exemples concrets — voir notre article 10 actions concrètes pour améliorer son score EcoIndex. Et pour le focus exclusivement sur la réduction du poids transféré, voir notre checklist technique pour diviser par 2 le poids des pages.
- Compresser et convertir les images en WebP ou AVIF. C'est le plus gros levier en moyenne : les images représentent 60-70 % du poids d'une page web. WebP réduit de 25-35 % vs JPEG ; AVIF de 50 % vs JPEG. Gain typique sur le score : +5 à +15 points.
- Activer le lazy-loading natif. Ajouter
loading="lazy"sur les balises<img>non visibles au-dessus de la ligne de flottaison. Réduit le nombre de requêtes initiales sans aucune lib JS. Support natif sur tous les navigateurs modernes. - Subsetter les fonts custom (ou passer aux fonts système). Une font custom non optimisée pèse 200 à 400 Ko. Subsettée (caractères latins seulement, formats
woff2), elle tombe à 30-60 Ko. Et utiliser une font système, c'est 0 Ko. - Supprimer les scripts tiers inutiles. Audit avec un outil comme
webpack-bundle-analyzerou via les DevTools (onglet Coverage). Lesconsole.logdu marketing finissent souvent en dette : un trackeur jamais lu, une lib de chat oubliée. Chaque script tiers, c'est des requêtes et du JS exécuté côté client. - Passer en Static Site Generation (SSG) plutôt qu'en SSR. Si votre contenu n'est pas dynamique, un site statique (Next.js export, Astro, Hugo) consomme une fraction de l'énergie d'un rendu serveur à la volée. Servi depuis un CDN, l'empreinte serveur tombe à zéro entre deux builds.
- Minifier CSS/JS et activer la compression Brotli. La plupart des hébergeurs modernes le proposent par défaut, mais ce n'est pas toujours activé. Brotli compresse 15-25 % mieux que gzip sur le HTML/CSS/JS.
- Réduire la profondeur du DOM. Éviter les
<div>imbriqués sans raison, simplifier la structure HTML. Une page avec 1500 nœuds DOM est lente à parser ; la même refactorisée à 600 nœuds est instantanée et notée mieux par EcoIndex. - Choisir un hébergeur à mix énergétique faible. En France : Scaleway (datacenters à refroidissement adiabatique), Infomaniak (énergie 100 % renouvelable), OVH éco. Vercel et Netlify sur leurs régions européennes sont également acceptables. L'EcoIndex en lui-même n'évalue pas l'hébergement, mais les estimations CO2 dérivées en tiennent compte. Pour aller plus loin, voir notre comparatif des 5 hébergeurs web verts en France.
- Mettre en cache de manière agressive. Headers
Cache-Controllongs sur les assets statiques, CDN devant les pages, service worker pour les ressources critiques. Une visite servie depuis le cache, c'est 0 requête serveur — et un score qui reste excellent même sous charge. - Auditer en continu. Intégrer un check EcoIndex dans le CI/CD (voir l'API plus haut) et faire échouer le build si le score dégrade au-delà d'un seuil. C'est ce qui empêche la dérive lente : sans monitoring, un site noté A en année 1 dérive vers C ou D en année 3 par accumulation de scripts.
EcoIndex vs alternatives : que choisir ?
EcoIndex n'est pas le seul outil sur le marché. Voici comment il se positionne face aux principales alternatives :
| Outil | Origine | Méthodologie | Sortie | Force | Limite |
|---|---|---|---|---|---|
| EcoIndex | GreenIT (FR) | DOM + poids + requêtes | Note A à G + gCO2 + cl eau | Simple, open-source, méthodo publique, FR | Estimation modélisée, page par page |
| Website Carbon | Wholegrain Digital (UK) | Poids + grid carbone hébergeur | gCO2 + comparaison vs autres sites | Prise en compte fine du mix énergétique de l'hébergeur | Méthode partiellement opaque |
| Beacon (Mightybytes) | US | Poids + Lighthouse | gCO2 par visite | Intégré DevTools | Moins documenté, communauté plus petite |
| Lighthouse | Performance globale | Score 0-100 perf/SEO/a11y | Standard de fait, intégré Chrome | Pas spécifique éco-performance |
Notre recommandation chez Bob : utilisez EcoIndex pour le diagnostic d'éco-performance et Lighthouse pour la perf technique pure (LCP, CLS, INP). Les deux sont complémentaires : un site noté A sur EcoIndex est rarement mauvais sur Lighthouse, et inversement. C'est ce double audit qu'on fait par défaut sur tous les projets qu'on livre.
Les limites d'EcoIndex (qu'il faut connaître)
EcoIndex n'est pas parfait, et il est important de connaître ses limites pour l'utiliser intelligemment :
- C'est une estimation, pas une mesure. La consommation énergétique réelle d'une page dépend du device de l'utilisateur (smartphone vs ordinateur de bureau), de son réseau (4G, fibre, satellite), de son fournisseur d'électricité. EcoIndex modélise tout ça sur des moyennes — pratique pour comparer, imprécis pour mesurer.
- Page par page, pas site global. EcoIndex évalue une URL à la fois. Pour avoir une vision d'ensemble, il faut échantillonner (10 pages représentatives minimum : home, top traffic, panier, formulaire de contact, etc.) et calculer une moyenne.
- Critères techniques uniquement. EcoIndex ne mesure pas la sobriété fonctionnelle. Un site léger mais inutile aura un bon score. Un site légèrement plus lourd mais qui répond mieux au besoin utilisateur est en réalité plus sobre — mais EcoIndex ne le voit pas. C'est pour ça qu'il faut le combiner avec un audit qualitatif type RGESN.
- Mauvaise prise en compte des SPA modernes. Les applications React, Vue, Svelte avec rendu côté client (SPA) sont souvent pénalisées sur l'audit initial, alors que leur consommation à l'usage peut être faible (peu de re-fetch, navigations instantanées). C'est une limite reconnue de l'outil.
- Critique académique. Une analyse publiée par The Conversation en 2023 a nuancé la fiabilité absolue d'EcoIndex en pointant des écarts entre l'estimation et des mesures réelles. Le collectif GreenIT a répondu en reconnaissant les limites — l'outil est un indicateur relatif utile, pas une vérité absolue.
À utiliser comme boussole, pas comme certificat. La bonne hygiène : EcoIndex pour le diagnostic rapide, Lighthouse pour la perf, RGESN pour l'audit qualitatif complet.
Comment Bob intègre EcoIndex à ses projets
Voici la méthode qu'on applique chez Bob le développeur sur les projets où l'écoconception est un enjeu — c'est-à-dire, désormais, à peu près tous.
- Au cadrage : on définit avec le client un score EcoIndex cible (généralement A ou B) et on le pose dans les critères d'acceptation du projet. Pas un objectif vague — un seuil contractuel.
- Pendant le développement : check EcoIndex local sur les pages clés à chaque sprint, via l'extension Chrome. Toute régression notable est traitée comme un bug.
- Pré-livraison : audit complet sur un échantillon de 10 à 20 pages représentatives. En cas de refonte, on documente le score avant/après pour rendre l'amélioration visible au client.
- CI/CD (intention) : on travaille à intégrer un check EcoIndex API dans nos GitHub Actions pour fail le build si une PR dégrade le score au-delà d'un seuil. Le but : empêcher la dérive lente.
- Post-livraison : monitoring trimestriel inclus dans nos contrats long-terme, avec rapport remis au client.
Pourquoi cette rigueur ? Parce que l'écoconception n'est pas une option qu'on coche en fin de projet. C'est une discipline qui se construit dès le cadrage et se maintient dans la durée. Et parce qu'on pense — tout simplement — que c'est notre métier de livrer des sites sobres par défaut, pas un service à facturer en plus.
Pour aller plus loin sur notre méthode, voir notre page écoconception web.
Questions fréquentes sur EcoIndex
Qui a créé EcoIndex ?
EcoIndex a été créé en 2014 par le collectif GreenIT.fr, piloté par Frédéric Bordage, expert reconnu de la sobriété numérique en France et auteur de plusieurs ouvrages de référence. L'outil est maintenu par l'association GreenIT et une communauté de bénévoles. Le code est open-source, la méthodologie publique.
EcoIndex est-il fiable ?
Oui, comme indicateur relatif — pour comparer deux sites ou suivre l'évolution dans le temps d'un même site. Moins fiable comme mesure absolue d'une consommation énergétique exacte, qui dépend de variables (device, réseau, hébergeur) qu'EcoIndex modélise sur des moyennes. Pour un bilan carbone certifié, il faut un audit plus poussé. Pour un suivi opérationnel, EcoIndex est largement suffisant.
EcoIndex est-il gratuit ?
Oui, 100 % gratuit. Le site web ecoindex.fr, l'extension navigateur et l'API publique sont accessibles librement, sans inscription ni quota. Le code est open-source sous licence libre. Le projet est financé par les contributions bénévoles et le soutien de l'association GreenIT.
Quelle est la différence entre EcoIndex et Lighthouse ?
EcoIndex évalue l'éco-performance (impact environnemental estimé d'une page). Lighthouse évalue la performance technique (rapidité, accessibilité, SEO). Ils mesurent des choses différentes mais corrélées : un site lent est généralement aussi un site énergivore. La bonne pratique : utiliser les deux en complément. Lighthouse pour optimiser la vitesse perçue par l'utilisateur, EcoIndex pour quantifier l'impact environnemental.
EcoIndex fonctionne-t-il sur tout type de site ?
Oui, mais avec quelques réserves sur les Single Page Applications très dynamiques (React, Vue, Svelte en mode SPA pure). EcoIndex évalue le rendu initial d'une URL : les interactions ultérieures (navigations sans rechargement, fetchs API) ne sont pas prises en compte. Pour ces apps, l'outil reste utile mais doit être complété par une analyse spécifique des appels réseau et du runtime JS.
Combien de pages faut-il analyser pour avoir une vision globale ?
Au minimum 10 pages représentatives : la home, les 3 à 5 pages les plus visitées (selon Google Analytics), une page produit ou article type, le formulaire de contact, le panier ou tunnel de conversion (si e-commerce). Sur ces 10 pages, on calcule la moyenne pondérée par le trafic — c'est cette moyenne qui reflète l'éco-performance réelle du site, plus qu'un score isolé sur la home.
Peut-on intégrer EcoIndex dans son CI/CD ?
Oui, via l'API publique d'EcoIndex (https://bff.ecoindex.fr/api/v1/ecoindexes). Plusieurs intégrations existent côté communauté : GitHub Actions, GitLab CI, plugins Lighthouse CI. Le pattern type : à chaque Pull Request, on analyse les pages clés, on stocke le score, on bloque le merge si la dégradation dépasse un seuil défini (par exemple −5 points).
EcoIndex remplace-t-il un audit RGESN ?
Non — les deux sont complémentaires. EcoIndex est un audit technique automatisé sur 3 critères. Le RGESN (Référentiel Général d'Écoconception de Services Numériques de la DINUM) est un audit qualitatif manuel sur 78 critères, couvrant la stratégie, les spécifications, l'UX, le contenu, la conception et l'hébergement. EcoIndex donne une note rapide ; le RGESN donne une vision complète. Pour une démarche d'écoconception aboutie, on combine les deux.
En résumé
- EcoIndex évalue 3 critères techniques (DOM, poids transféré, requêtes HTTP) et attribue une note de A à G.
- La médiane française est D — viser B ou A vous place au-dessus de la majorité des sites pros.
- 3 méthodes de mesure : le site web ecoindex.fr (rapide), l'extension navigateur (en dev), l'API (CI/CD).
- Les leviers d'amélioration prioritaires : optimisation des images (WebP/AVIF), lazy-loading, fonts subsettées, suppression des scripts tiers, hébergeur à mix énergétique faible.
- À combiner avec Lighthouse (perf) et RGESN (qualitatif) pour un audit éco-performance complet.
EcoIndex n'est pas un certificat, c'est un thermomètre. Le mesurer ne suffit pas — c'est ce qu'on en fait qui compte. Si vous voulez transformer un score moyen en un score excellent, ou simplement intégrer l'éco-performance dans votre prochain projet web, parlez-en avec nous. On audite gratuitement et on vous dit ce qu'il y a à gagner.
Pour aller plus loin sur le cluster écoconception : notre guide RGESN complet (le référentiel officiel français), nos 10 actions détaillées pour passer de C à A, notre comparatif des hébergeurs verts en France, notre checklist des 30 bonnes pratiques d'écoconception web, notre méthode en 7 étapes pour éco-concevoir un site, notre checklist technique pour diviser par 2 le poids des pages et notre guide complet sur la sobriété numérique en entreprise.