EcoIndex : guide complet pour comprendre, mesurer et améliorer son score

La page web médiane obtient un D. C'est ce que donne la formule d'EcoIndex appliquée aux valeurs médianes de son propre jeu de référence (693 éléments DOM, 78 requêtes, 2 420 Ko, soit un score de 44 sur 100), 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. Gratuit, documenté publiquement et porté par le collectif Green IT, 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 gratuit, au code source public, édité par le collectif Green IT, 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 : gratuit, code source public, maintenu par des bénévoles du collectif Green IT. La licence est une Creative Commons CC-By-NC-ND : pas d'usage commercial sans accord préalable.
• Reconnaissance institutionnelle : l'extension GreenIT-Analysis du même collectif, qui calcule l'EcoIndex d'une page, figure dans la boîte à outils de la mission interministérielle numérique écoresponsable. Le RGESN (Référentiel général de l'écoconception des services numériques, publié par l'Arcep et l'Arcom), lui, ne cite pas EcoIndex.

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 : EcoIndex part d'un impact moyen de 2 g éq. CO2 et 3 cl d'eau par page web, issu d'analyses de cycle de vie, qu'il module selon le score pour un terminal moyen, tous types d'appareils et de réseaux fixes confondus. 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	81–100	Excellent, site très sobre	Sites institutionnels SSG, blogs minimalistes
B	71–80	Très bon	Sites bien conçus, optimisations soignées
C	56–70	Bon, au-dessus de la moyenne	Sites e-commerce optimisés, vitrines pros
D	41–55	Moyen, note de la page médiane du jeu de référence	La plupart des sites professionnels
E	26–40	Faible	Sites lourds, scripts tiers nombreux
F	11–25	Mauvais	E-commerce non optimisés, sites bourrés de trackers
G	0–10	Très mauvais	Sites obsolètes, accumulation de dette technique

Quelques ordres de grandeur :

• La page médiane du jeu de référence d'EcoIndex (bâti à partir de HTTP Archive) obtient 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 :

1. Rendez-vous sur ecoindex.fr.
2. Collez l'URL à analyser.
3. Patientez 20 à 30 secondes.
4. 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 : le même collectif publie un plugin Lighthouse, lighthouse-plugin-ecoindex, qui ajoute l'EcoIndex à un audit Lighthouse 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, limitée à 10 analyses par jour pour un même nom de domaine :

POST https://bff.ecoindex.fr/api/tasks
GET  https://bff.ecoindex.fr/api/tasks/{id}

Vous pouvez :

• Lancer une analyse via une requête POST sur /api/tasks, avec un corps JSON de la forme {"web_page": {"url": "https://..."}}. La réponse est l'identifiant de la tâche.
• Récupérer le résultat via GET /api/tasks/{id} une fois la tâche terminée (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.

1. Compresser et convertir les images en WebP ou AVIF. Les images sont le premier poste de poids : environ 1 Mo sur les 2,9 Mo de la page d'accueil médiane sur ordinateur (HTTP Archive, Web Almanac 2025). WebP réduit de 25 à 34 % vs JPEG ; AVIF de plus de 50 % vs JPEG. Gain sur le score : quelques points seulement, car le poids ne compte que pour un sixième de la formule (diviser par deux une page de 2,4 Mo rapporte environ 4 points).
2. 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.
3. 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.
4. Supprimer les scripts tiers inutiles. Audit avec un outil comme webpack-bundle-analyzer ou via les DevTools (onglet Coverage). Les console.log du 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.
5. 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, il n'y a plus de rendu à calculer côté serveur entre deux builds. EcoIndex, lui, ne voit pas cette différence : il ne mesure que la taille du DOM, le nombre de requêtes et le poids transféré.
6. 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 14 à 21 % mieux que gzip sur le HTML/CSS/JS.
7. 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.
8. Choisir un hébergeur à mix énergétique faible. Scaleway (refroidissement adiabatique sur son datacenter DC5 à Paris, électricité éolienne ou hydraulique sous garanties d'origine), Infomaniak (data centers en Suisse, électricité renouvelable certifiée). Vercel et Netlify sur leurs régions européennes sont également acceptables. L'EcoIndex n'évalue pas l'hébergement, et ses estimations de CO2 et d'eau non plus : elles se déduisent du seul score. Pour aller plus loin, voir notre comparatif des 5 hébergeurs web verts en France.
9. Mettre en cache de manière agressive. Headers Cache-Control longs sur les assets statiques, CDN devant les pages, service worker pour les ressources critiques. Une ressource servie depuis le cache du navigateur n'est pas retéléchargée. Le score EcoIndex, lui, ne bouge pas : l'analyse ouvre la page sans données locales (cache, cookies).
10. 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, gratuit, méthodo publique, FR	Estimation modélisée, page par page
Website Carbon	Wholegrain Digital (UK)	Poids transféré + Sustainable Web Design Model (v4)	gCO2 par page vue + note	Vérifie si l'hébergeur est référencé comme vert (Green Web Foundation)	Intensité carbone moyenne mondiale, terminal non pris en compte
Beacon	Aline	Non détaillée sur sa page d'accueil	Impact environnemental d'une page, avec le détail par poste	Rapport en ligne, sans installation (bookmarklet)	Version bêta, méthode peu documentée
Lighthouse	Google	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, TBT). 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.
• Une critique contestée. Une tribune publiée par The Conversation en mai 2023 (Denis Trystram, Christophe Cérin, Laurent Lefèvre), un média sans relecture par des pairs, relève que le calcul repose sur des constantes fixées une fois pour toutes et sur des quantiles dont la stabilité dans le temps reste à établir, et qu'il ignore l'ordinateur de l'utilisateur comme le parcours complet. Green IT conteste ces conclusions. Le site ecoindex.fr le reconnaît lui-même : ses chiffres sont des ordres de grandeur et cette version de l'outil est imparfaite. 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 source est public (licence Creative Commons CC-By-NC-ND), la méthodologie aussi.

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, l'analyse est gratuite. Le site web ecoindex.fr, l'extension navigateur et l'API publique sont accessibles sans inscription, avec une limite de 10 analyses par jour pour un même nom de domaine. Le code source est public, mais sous licence Creative Commons CC-By-NC-ND, qui n'est pas une licence libre : pas d'usage commercial sans accord préalable. Le projet repose sur les contributeurs bénévoles du collectif Green IT.

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/tasks), limitée à 10 analyses par jour pour un même nom de domaine. Au-delà, le collectif renvoie vers sa propre instance d'API à déployer ou vers son outil d'analyse en ligne de commande ; il publie aussi un plugin Lighthouse (lighthouse-plugin-ecoindex). 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 de l'écoconception des services numériques, publié par l'Arcep et l'Arcom) 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 page médiane du jeu de référence obtient D : viser B ou A vous place au-dessus de la majorité des pages.
• 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, ainsi que notre annonce Bob le développeur, signataire de Planet Tech'Care.