Website carbon : mesurer l'empreinte carbone de votre site, et la réduire simplement Green

Chaque page que vous chargez consomme de l'électricité. Sur un serveur, dans le réseau, et surtout sur l'appareil de votre visiteur. Le « website carbon », c'est la traduction de cette consommation en grammes de CO₂. Bonne nouvelle : les leviers pour la faire baisser sont les mêmes que ceux qui rendent un site rapide.

Le website carbon, c'est quoi exactement ?

Une page web ne s'affiche pas toute seule. Des données partent d'un centre de données, traversent un réseau, arrivent sur un téléphone ou un ordinateur, qui doit ensuite les décoder et les afficher. Chaque étape consomme de l'énergie, et cette énergie a une intensité carbone.

Le website carbon estime cette énergie et la convertit en grammes de CO₂ équivalent par page vue. C'est une estimation, pas une mesure au capteur. Mais elle est suffisamment robuste pour comparer deux versions d'une même page et voir si vous progressez.

Le modèle de référence s'appelle le Sustainable Web Design Model (SWDM). Sa version 4 découpe le système en trois segments : les centres de données (22 % de l'énergie), les réseaux (24 %) et les appareils des utilisateurs (54 %). C'est important à retenir : plus de la moitié de l'impact se joue chez votre visiteur, pas dans votre hébergement.

Quatre chiffres pour situer

1. 0,36 g | CO₂e en moyenne par page vue (modèle SWDM v4)
2. 2,6 Mo | poids médian d'une page mobile en 2025
3. +203 % | croissance du poids des pages mobile depuis 2015
4. 4,4 % | part du numérique dans les émissions françaises (ADEME)
   
   

Un ordre de grandeur

Un site à 10 000 pages vues par mois émet environ 43 kg de CO₂e par an au rythme moyen. Ce n'est pas un aller-retour Bruxelles–New York. Mais multipliez par les millions de sites en ligne, ajoutez la fabrication des terminaux 60 % de l'impact environnemental d'un appareil vient de sa production, pas de son usage et l'ensemble devient significatif. En France, l'ADEME estime que l'empreinte du numérique pourrait tripler d'ici 2050 si rien ne change.

Pourquoi les sites grossissent

Le poids médian d'une page mobile a triplé en dix ans. Voici où partent les octets aujourd'hui :

Poids médian par type de ressource sur mobile (Web Almanac 2025)

RessourcePoids médian (mobile) Images | 911 Ko
JavaScript | 632 Ko
Polices | 122 Ko
CSS | 77 Ko
HTML | 22 Ko

Deux coupables se détachent : les images et le JavaScript. Sur une page desktop médiane, environ 280 Ko de JavaScript sont téléchargés puis jamais exécutés. C'est du poids mort, payé par la batterie et le forfait data de vos visiteurs.

Huit actions simples, par ordre de rentabilité

1. Compressez et redimensionnez vos images
   C'est le premier levier, et de loin. Servez vos images en AVIF ou WebP, aux bonnes dimensions (pas une image de 3000 px affichée dans un bloc de 600 px), avec srcset pour adapter la taille à l'écran. Sur un site vitrine classique, on divise souvent le poids des visuels par trois ou quatre sans différence visible.
2. Activez le chargement différé
   Un simple loading="lazy" sur les images et iframes sous la ligne de flottaison. Ce qui n'est pas vu n'est pas téléchargé. Attention à ne pas l'appliquer à l'image principale de la page, qui doit rester prioritaire.
3. Faites le ménage dans les scripts tiers
   Chat en direct, pixels publicitaires, cartes interactives, outils d'analyse en double, bannière de cookies surdimensionnée : listez tout ce qui se charge et demandez-vous ce qui sert vraiment. Chaque script tiers ajoute des requêtes, du poids et souvent des connexions vers d'autres domaines. Un outil d'analyse léger et respectueux de la vie privée pèse quelques kilo-octets là où d'autres en pèsent des centaines.
4. Limitez et hébergez vos polices
   Deux familles de polices maximum, deux ou trois graisses, au format WOFF2, servies depuis votre propre domaine avec font-display: swap. Et posez-vous la question : une pile de polices système coûte zéro octet et s'affiche instantanément.
5. Passez chez un hébergeur alimenté en renouvelable
   Ça ne réduit pas le poids de vos pages, mais ça réduit l'intensité carbone de la partie serveur. L'annuaire de la Green Web Foundation permet de vérifier en une recherche si votre hébergeur actuel y figure. Vérifiez aussi la localisation de vos serveurs : au plus proche de vos visiteurs, c'est moins de trajet réseau.
6. Mettez en cache, sérieusement
   Des en-têtes de cache longs sur vos ressources statiques, un CDN si votre audience est internationale, et de la compression Brotli activée côté serveur. Un visiteur qui revient ne devrait presque rien retélécharger.
7. Maîtrisez la vidéo
   La vidéo est le poste le plus lourd du web. Pas de lecture automatique, pas de vidéo de fond décorative en boucle, une vignette cliquable plutôt qu'un lecteur intégré chargé d'office. Et servez la résolution adaptée à la taille d'affichage, pas du 4K dans un cadre de 400 px.
8. Enlevez des pages
   Le levier le plus oublié. Des pages obsolètes, des articles jamais consultés, des PDF de 12 Mo datant de 2019 : tout ça est stocké, sauvegardé, indexé. Un tri annuel du contenu allège le site, améliore la navigation et concentre votre autorité SEO sur les pages qui comptent.