Un après-midi, un client m'envoie un message : « Mon hébergeur me propose une option "green hosting", je prends ? » Je lui demande sa page d'accueil. Elle pesait 9,4 Mo. Neuf virgule quatre. Pour une page qui vend des formations en ligne, sans vidéo en autoplay, sans galerie photo. Juste une bannière de 3 Mo, deux polices Google chargées en entier pour trois titres, et un carrousel qui n'avait pas bougé depuis dix-huit mois.
Ce jour-là, je lui ai dit la vérité un peu brutale : payer un supplément pour un hébergement dit vert, sur une page à 9 Mo, c'est repeindre le toit d'une maison qui brûle. La question de l'empreinte carbone d'un site web ne se règle presque jamais chez l'hébergeur. Elle se règle dans le poids de ce que vous envoyez, dans ce que vous refusez d'envoyer, et dans la durée pendant laquelle le visiteur garde sa page ouverte.
Voici comment je procède aujourd'hui, dans l'ordre, avec les chiffres que j'ai réellement mesurés.
Points clés à retenir
- Le levier n°1 n'est ni l'hébergeur ni le CDN : c'est le poids transféré par visite. Diviser une page par deux divise grosso modo son impact par deux.
- Les images représentent la majorité du poids d'un site vitrine classique. C'est là que se trouvent les gains les plus rapides.
- Un site plus léger est aussi plus rapide, mieux classé et moins coûteux à servir. Il n'y a pas d'arbitrage douloureux à faire.
- Mesurez avant d'agir, sinon vous optimisez à l'aveugle. Un audit EcoIndex sur cinq pages suffit à voir où ça coince.
- La sobriété fonctionnelle (retirer des choses) bat toujours l'optimisation technique (comprimer des choses).
Pourquoi un site lourd coûte cher, même quand il est « gratuit »
Un site web n'existe pas dans le cloud. Il existe dans des serveurs qui chauffent, dans des câbles sous-marins qui consomment, et surtout dans le téléphone que votre visiteur tient dans la main. C'est ce dernier point que tout le monde oublie.
Le terminal, c'est-à-dire l'appareil de l'internaute, pèse la plus grosse part de l'impact dans la plupart des analyses de cycle de vie du numérique. Sa fabrication est déjà payée ; ce qui reste à optimiser, c'est ce que vous lui demandez de calculer et d'afficher. Un site obèse ne pollue pas seulement à l'envoi : il force le processeur du téléphone à mouliner, il vide la batterie plus vite, il rallume l'écran plus longtemps.
Ce que pèse vraiment une page web en 2026
Les pages médianes tournent autour de 2 à 2,5 Mo sur le web francophone grand public, et grimpent sans peine au-delà de 5 Mo dès qu'on touche à l'e-commerce ou au média. Pour comparaison, une page HTML des débuts du web tenait dans quelques dizaines de kilo-octets. Le facteur d'inflation se compte en centaines.
Le problème n'est pas l'augmentation en soi. Le problème, c'est qu'elle est invisible pour celui qui la provoque. Vous ajoutez un script de tracking : 40 Ko, personne ne le remarque. Un widget de chat : 300 Ko. Une police de caractères : 200 Ko. Répétez l'opération quinze fois et vous avez doublé votre site sans jamais avoir eu l'impression de faire quoi que ce soit de mal.
Le mythe de l'hébergement vert
Je vais être direct : changer d'hébergeur pour un « green host » est la dernière étape, pas la première. Sur un site vitrine classique, l'hébergement représente une fraction minoritaire de l'empreinte. Sur un site à très fort trafic, cela devient plus significatif, nuance honnête. Mais dans 90 % des cas que j'ai traités, le gain obtenu en passant d'un hébergeur à un autre était de l'ordre de quelques pourcents, quand supprimer trois images non compressées m'en faisait gagner trente.
Un hébergement alimenté en électricité bas carbone, c'est bien. Un site qui n'a pas besoin qu'on lui envoie 9 Mo, c'est mieux.
Comment mesurer l'empreinte carbone de son site web sans se tromper
Avant de toucher à quoi que ce soit, il faut un point de départ chiffré. Sinon vous ne saurez jamais si vos efforts ont servi à quelque chose.
La méthode de calcul, étape par étape
Le calcul se fait en trois temps. D'abord, mesurez le poids transféré par visite : ouvrez votre page dans les outils de développement du navigateur, onglet réseau, videz le cache, rechargez, lisez le total en bas. Refaites l'exercice sur mobile, en 4G simulée — le résultat est souvent 20 à 40 % plus lourd à cause des images servies en haute résolution.
Ensuite, multipliez ce poids par un facteur d'émission. Les méthodologies publiques (type GreenIT ou les modèles utilisés par les calculateurs en ligne) utilisent des ordres de grandeur de l'ordre de 0,5 à 1,5 kWh par gigaoctet transféré, selon le mix électrique et le type de réseau. Cette fourchette est large, et c'est normal : le chiffre exact n'existe pas, il dépend du pays du serveur, du pays du visiteur, de l'heure de la journée.
Enfin, multipliez par votre trafic mensuel. Une page de 2 Mo, 10 000 visites par mois, donne 20 Go transférés. Ce n'est pas énorme. Multipliez par douze mois, par trois ans de durée de vie du site, et l'ordre de grandeur devient parlant.
EcoIndex, et les outils qui font le travail à votre place
L'outil que j'utilise le plus s'appelle EcoIndex. C'est un référentiel français, gratuit, qui note une page de A à G — comme l'étiquette énergie d'un frigo — en croisant trois critères : le poids de la page, le nombre de requêtes HTTP, et la part de contenu qui s'affiche réellement dans le premier écran. Sa force, c'est qu'il ne demande aucune installation : vous collez une URL, vous obtenez une note en quinze secondes.
J'ai audité mon propre blog avec. Note de départ : D. Trente-huit requêtes, 1,9 Mo, un taux de contenu utile médiocre. Après deux heures de travail (compression des images, suppression de deux scripts, passage en chargement différé), je suis passé à B, avec 700 Ko et quatorze requêtes. Deux heures.
Le référentiel GreenIT, plus complet, propose une grille d'une centaine de critères pour un audit plus sérieux, utile quand vous devez convaincre une direction ou répondre à un appel d'offres.
Les leviers concrets, classés par rapport effort/gain
Voici mon classement personnel, du plus rentable au moins rentable. Il n'est pas académique, il vient de ce que j'ai constaté sur une vingtaine de sites.
1. Les images : le gisement principal
Sur un site vitrine ou un blog, les images pèsent souvent 60 à 80 % du total. Trois actions suffisent à diviser ce poids par trois ou quatre :
- Passer au format WebP ou AVIF. Une photo JPEG de 800 Ko tombe à 180 Ko sans différence visible à l'œil nu. Sur un portfolio que j'ai repris, le gain mesuré a été de 71 % sur le poids total des médias.
- Servir la bonne taille. Une image affichée en 300 pixels de large n'a aucune raison d'être envoyée en 2000 pixels. L'attribut
srcsetexiste pour ça, et le CMS le fait souvent tout seul si on lui demande. - Activer le chargement différé (lazy loading) pour tout ce qui est sous la ligne de flottaison. Une page d'accueil longue cesse alors de charger des visuels que personne ne verra.
Attention à un piège : le format AVIF compresse mieux mais se décode plus lentement sur les vieux téléphones. Sur un site à audience majoritairement mobile et modeste en puissance, je reste souvent sur WebP. C'est un arbitrage, pas une vérité universelle.
2. Polices et scripts tiers : les passagers clandestins
J'ai longtemps chargé quatre variantes de la même police Google Fonts, dont deux que je n'utilisais nulle part. Coût : 340 Ko, plus une requête vers un domaine externe à chaque visite. En ne gardant que deux graisses et en hébergeant les fichiers localement, j'ai gagné 290 Ko et deux requêtes sur chaque page.
Les scripts tiers sont pires, parce qu'ils s'accumulent sans qu'on les voie. Un site que j'ai repris chargeait neuf services d'analytics ou de publicité différents. Neuf. Personne dans l'équipe ne savait lequel servait encore à quoi. Nous en avons supprimé six, après avoir vérifié qu'aucun tableau de bord actif ne les utilisait.
3. La sobriété fonctionnelle : ce que vous décidez de ne pas faire
Ici, on ne compresse plus : on supprime. C'est le levier le plus puissant et le moins pratiqué, parce qu'il faut une décision humaine, parfois désagréable.
Ce carrousel de bannière, par exemple. Les statistiques internes montrent presque toujours que la deuxième slide est vue par une fraction minuscule des visiteurs. Le supprimer allège la page, retire un script, et n'enlève rien à l'expérience. Même logique pour la vidéo de fond en autoplay : elle coûte plusieurs mégaoctets, elle vide la batterie, et dans la majorité des cas un visuel fixe fait le même travail.
Mon avis, et je l'assume : la meilleure optimisation technique ne vaut pas une fonctionnalité qu'on a eu le courage de ne pas mettre en ligne. L'éco-conception web commence en réunion de cadrage, pas dans un fichier de configuration.
Comparatif : ce que chaque levier rapporte réellement
Voici les ordres de grandeur que j'ai constatés sur mes propres projets. Ils varient selon les sites, mais le classement, lui, reste stable.
| Levier | Gain de poids typique | Effort | Effet secondaire |
|---|---|---|---|
| Compression et redimensionnement des images | −50 à −75 % du poids médias | Faible | Aucun, parfois meilleure netteté perçue |
| Suppression des scripts tiers inutiles | −15 à −40 % du total | Moyen (il faut enquêter) | Perte de données analytiques historiques |
| Polices allégées et auto-hébergées | −100 à −400 Ko par page | Faible | Aucun |
| Suppression d'un carrousel ou d'une vidéo d'ambiance | −1 à −4 Mo | Décision politique | Il faut assumer le choix en interne |
| Changement d'hébergeur « vert » | 0 % de poids | Faible | Effet réel souvent marginal |
| CDN mondial | 0 % de poids | Faible | Peut servir des fichiers depuis un serveur moins sobre |
La dernière ligne mérite un mot. Un CDN réduit la latence, donc la durée d'ouverture de page, donc l'énergie consommée côté terminal. Mais il répartit vos fichiers sur des dizaines de serveurs, parfois dans des pays où l'électricité est très carbonée. Le bilan net n'est pas évident. Sur un site à audience française, j'ai tendance à m'en passer.
Les questions qu'on me pose le plus souvent
Un site plus léger, est-ce mauvais pour le référencement ?
Non, l'inverse. La vitesse de chargement est un critère de classement depuis longtemps, et un site qui répond vite obtient de meilleurs indicateurs d'expérience utilisateur. Le seul point de vigilance concerne le chargement différé des images : mal configuré, il peut empêcher le robot d'indexation de voir vos visuels. La parade est simple, laissez les images du premier écran se charger normalement.
Quelle note EcoIndex faut-il viser ?
Viser un A sur toutes les pages est irréaliste pour beaucoup de sites, notamment ceux qui vendent des produits avec de nombreuses photos. En pratique, je conseille de viser B ou C sur les pages d'entrée (accueil, pages catégories) et d'accepter des notes plus basses sur les pages de détail très riches. L'important est la progression mesurée, pas la note absolue.
Combien ça coûte, concrètement ?
Sur un site vitrine de taille moyenne, une demi-journée de travail technique bien ciblée suffit généralement à passer d'une note médiocre à une note correcte. Sur un site e-commerce lourd, comptez plutôt plusieurs jours, étalés. Le vrai coût n'est pas le temps de développement : c'est le temps de décision, celui où il faut dire non à quelqu'un qui veut ajouter une bannière.
Ce qui reste quand on a tout allégé
Il y a une limite à cette démarche, et je préfère la nommer. Un site parfaitement éco-conçu restera toujours plus lourd qu'une page blanche. Chaque visite consomme quelque chose, et prétendre le contraire relève du greenwashing.
La bonne question n'est donc pas « comment rendre mon site neutre ? » mais « quelle part de ce que j'envoie sert réellement à mon visiteur ? ». C'est une question ennuyeuse, sans tableau de bord spectaculaire, sans badge à afficher en bas de page.
Et pourtant, c'est celle qui, dans mon expérience, fait tomber les pages de 9 Mo à moins de 1. Le jour où vous verrez votre note EcoIndex passer de D à B après avoir simplement supprimé un carrousel que personne ne regardait, vous comprendrez que l'écologie numérique tient rarement à de grandes déclarations. Elle tient à des décisions minuscules, prises par des gens qui acceptent de regarder le poids réel de ce qu'ils mettent en ligne.
