Ecoindex
L'essentiel
L'Ecoindex, c'est un peu comme le diagnostic de performance énergétique (DPE) d'un appartement, mais pour une page web. Le DPE mesure la consommation d'énergie d'un logement et lui donne une note de A (très économe) à G (énergivore). L'Ecoindex fait la même chose pour une page web : il mesure combien elle 'pèse' sur le réseau et combien de travail elle demande à l'ordinateur du visiteur, puis donne une note de A à G. Pour calculer la note, il regarde trois choses : combien d'éléments la page affiche (une page avec 100 boutons, titres et images, c'est plus léger qu'une page avec 1 500 éléments), combien de kilooctets sont téléchargés (images, vidéos, polices), et combien de fois votre navigateur doit faire des allers-retours avec le serveur pour charger tout ça. Plus le score est élevé, moins la page consomme d'énergie et émet de CO2. Une page grade B émet environ 4 fois moins de CO2 qu'une page grade F, pour le même contenu affiché.
Détails Techniques
L'Ecoindex est une métrique et un outil open source créés par GreenIT.fr en 2013, désormais maintenus par la communauté Ecoindex.fr. Il évalue l'empreinte environnementale d'une page web via trois paramètres mesurés lors d'un chargement réel de la page : (1) DOM size — nombre d'éléments HTML dans l'arbre DOM après rendu complet. Valeurs de référence : <100 éléments (excellent), 200-600 (correct), >1 500 (problématique). Page web moyenne : ~1 400 éléments. (2) Network weight — poids total des ressources transférées (HTML, CSS, JS, images, fonts, XHR) en kilooctets. Valeur de référence : <500 ko (excellent), 1-2 Mo (correct), >3 Mo (problématique). Page web moyenne : ~2,2 Mo. (3) HTTP requests — nombre total de requêtes HTTP/HTTPS émises. Valeurs de référence : <25 requêtes (excellent), 40-70 (correct), >100 (problématique). Page web moyenne : ~72 requêtes. Calcul du score : combinaison pondérée logarithmique des 3 indicateurs, normalisée de 0 à 100. Grille de grades : A (76-100), B (65-75), C (50-64), D (35-49), E (20-34), F (5-19), G (0-4). Conversion CO2 : l'Ecoindex estime l'empreinte en gCO2eq par page vue (score 100 = 0,3 gCO2/page vue, score 0 = 2,4 gCO2/page vue). Outils disponibles : extension Chrome GreenIT Analysis (v4+), site ecoindex.fr (analyse à distance), API REST publique, intégration Playwright pour CI/CD.
#Définition Ecoindex
L'Ecoindex est une métrique et un outil open source créés par GreenIT.fr en 2013, désormais maintenus par la communauté Ecoindex.fr. Il évalue l'empreinte environnementale d'une page web via trois paramètres mesurés lors d'un chargement réel de la page : (1) DOM size — nombre d'éléments HTML dans l'arbre DOM après rendu complet. Pour approfondir, consultez la page service Souveraineté Numérique Responsable Nehos.
D'un point de vue métier, Valeurs de référence : <100 éléments (excellent), 200-600 (correct), >1 500 (problématique). Page web moyenne : ~1 400 éléments. (2) Network weight — poids total des ressources transférées (HTML, CSS, JS, images, fonts, XHR) en kilooctets. Valeur de référence : <500 ko (excellent), 1-2 Mo (correct), >3 Mo (problématique). Page web moyenne : ~2,2 Mo. (3) HTTP requests — nombre total de requêtes HTTP/HTTPS émises. Valeurs de référence : <25 requêtes (excellent), 40-70 (correct), >100 (problématique). Page web moyenne : ~72 requêtes. Calcul du score : combinaison pondérée logarithmique des 3 indicateurs, normalisée de 0 à 100. Grille de grades : A (76-100), B (65-75), C (50-64), D (35-49), E (20-34), F (5-19), G (0-4). Conversion CO2 : l'Ecoindex estime l'empreinte en gCO2eq par page vue (score 100 = 0,3 gCO2/page vue, score 0 = 2,4 gCO2/page vue). Outils disponibles : extension Chrome GreenIT Analysis (v4+), site ecoindex.fr (analyse à distance), API REST publique, intégration Playwright pour CI/CD.
Maîtriser Ecoindex permet aux équipes techniques et métier de parler le même langage — et d'arbitrer plus vite.
#Ecoindex expliqué simplement
L'Ecoindex, c'est un peu comme le diagnostic de performance énergétique (DPE) d'un appartement, mais pour une page web. Le DPE mesure la consommation d'énergie d'un logement et lui donne une note de A (très économe) à G (énergivore). L'Ecoindex fait la même chose pour une page web : il mesure combien elle 'pèse' sur le réseau et combien de travail elle demande à l'ordinateur du visiteur, puis donne une note de A à G. Pour calculer la note, il regarde trois choses : combien d'éléments la page affiche (une page avec 100 boutons, titres et images, c'est plus léger qu'une page avec 1 500 éléments), combien de kilooctets sont téléchargés (images, vidéos, polices), et combien de fois votre navigateur doit faire des allers-retours avec le serveur pour charger tout ça. Plus le score est élevé, moins la page consomme d'énergie et émet de CO2. Une page grade B émet environ 4 fois moins de CO2 qu'une page grade F, pour le même contenu affiché.
Prenez un cas concret : une entreprise de 50 personnes qui accélère sa croissance. Voilà pourquoi on insiste sur la mesure : pas de décision sans donnée.
#Cas d'usage concrets
Site collectivité (obligation RGESN, audit avant refonte) — Audit Ecoindex sur 8 parcours clés d'un site de communauté d'agglomération (55 k habitants). Score initial moyen : 21/100 (grade F). Problèmes identifiés : DOM moyen de 2 140 éléments, images non compressées (72 % en JPEG non optimisé), 14 scripts tiers (analytics + réseaux sociaux + chatbot) générant 47 requêtes supplémentaires. Plan d'action priorisé Nehos : compression images WebP (-71 % poids réseau), suppression 9 scripts tiers non essentiels, refactoring templates réduisant DOM à 380 éléments. Score après correction : 68/100 (grade B). Délai conformité loi REEN respecté. Budget intervention : à partir de 1 362 € HT.
E-commerce mode (Ecoindex et Core Web Vitals corrélés) — DNVB mode 2621 k€ CA : audit Ecoindex + Lighthouse sur page d'accueil et pages catégories (80 % du trafic). Ecoindex initial : 18/100 (grade F), LCP 4,3 s, INP 380 ms. Optimisations : images AVIF + lazy loading (poids réseau -68 %), suppression 3 polices custom remplacées par system-ui, JS bundle passé de 480 ko à 95 ko après tree-shaking et code splitting. Résultats : Ecoindex 72/100 (grade B), LCP 1,3 s, INP 82 ms. Conversion desktop +18 %, conversion mobile +31 %. Empreinte carbone estimée par page vue : -74 %.
Application SaaS B2B (intégration Ecoindex dans CI/CD) — Plateforme SaaS analytics (40 routes principales) : intégration de l'audit Ecoindex automatisé en CI/CD via Playwright + API Ecoindex REST. Seuil de blocage défini : score <40 (grade E) = build bloqué + ticket automatique. Score moyen initial à l'intégration : 48/100 (grade C). Après 4 sprints d'amélioration continue : score moyen 67/100 (grade B). 3 déploiements bloqués en 6 mois (régression détectée avant production). Culture éco-conception adoptée par l'équipe dev sans surcharge de processus.
#Ecoindex chez Nehos Groupe
Nehos Groupe a fait de cette approche un standard projet. Sur les 3 derniers projets impliquant Ecoindex, on a documenté les résultats avec des KPIs précis. Notre service Souveraineté Numérique Responsable Nehos couvre ce périmètre de A à Z.
Chaque mission démarre par un cadrage structuré : objectifs chiffrés, périmètre technique, jalons à 30/60/90 jours. Les résultats mesurés sur nos clients : 68 % est un ordre de grandeur courant. On livre, on mesure, on itère. Pas de slides sans livrable. Voir aussi : service développement web éco-conçu Nehos, audit CSRD et bilan numérique responsable.
#Termes associés
Ce terme s'inscrit dans un écosystème plus large.
- Éco-conception Numérique
- Numérique Responsable
- RGESN
- Core Web Vitals
- INP (Interaction to Next Paint)
- Next.js
- GreenIT
Chaque terme est défini dans notre glossaire avec la même approche : définition technique, vulgarisation, cas concrets et méthode Nehos.
Applications Concrètes
"Audit Ecoindex sur 8 parcours clés d'un site de communauté d'agglomération (55 k habitants). Score initial moyen : 21/100 (grade F). Problèmes identifiés : DOM moyen de 2 140 éléments, images non compressées (72 % en JPEG non optimisé), 14 scripts tiers (analytics + réseaux sociaux + chatbot) générant 47 requêtes supplémentaires. Plan d'action priorisé Nehos : compression images WebP (-71 % poids réseau), suppression 9 scripts tiers non essentiels, refactoring templates réduisant DOM à 380 éléments. Score après correction : 68/100 (grade B). Délai conformité loi REEN respecté. Budget intervention : à partir de 1 362 € HT."
"DNVB mode 2621 k€ CA : audit Ecoindex + Lighthouse sur page d'accueil et pages catégories (80 % du trafic). Ecoindex initial : 18/100 (grade F), LCP 4,3 s, INP 380 ms. Optimisations : images AVIF + lazy loading (poids réseau -68 %), suppression 3 polices custom remplacées par system-ui, JS bundle passé de 480 ko à 95 ko après tree-shaking et code splitting. Résultats : Ecoindex 72/100 (grade B), LCP 1,3 s, INP 82 ms. Conversion desktop +18 %, conversion mobile +31 %. Empreinte carbone estimée par page vue : -74 %."
"Plateforme SaaS analytics (40 routes principales) : intégration de l'audit Ecoindex automatisé en CI/CD via Playwright + API Ecoindex REST. Seuil de blocage défini : score <40 (grade E) = build bloqué + ticket automatique. Score moyen initial à l'intégration : 48/100 (grade C). Après 4 sprints d'amélioration continue : score moyen 67/100 (grade B). 3 déploiements bloqués en 6 mois (régression détectée avant production). Culture éco-conception adoptée par l'équipe dev sans surcharge de processus."