Eco-conception web : reduire l'empreinte carbone de votre site

Introduction

Le secteur du numerique est responsable d'environ 4 % des emissions mondiales de gaz a effet de serre, selon le rapport du Shift Project publie en 2019. Ce chiffre pourrait doubler d'ici 2025. Face a ce constat, l'eco-conception web n'est plus un luxe mais une responsabilite.

L'eco-conception consiste a reduire l'impact environnemental d'un service numerique tout au long de son cycle de vie, de la conception a l'hebergement en passant par l'utilisation quotidienne. Bonne nouvelle : un site eco-concu est generalement plus rapide, plus accessible et mieux reference.

Les chiffres cles du numerique

Quelques donnees pour mesurer l'enjeu :

• Une page web moyenne pese 2,4 Mo en 2025, contre 500 Ko en 2012 (source : HTTP Archive)
• Le streaming video represente 60 % du trafic Internet mondial (Sandvine, 2024)
• Un email avec une piece jointe de 1 Mo emet environ 19 grammes de CO2 (ADEME)
• Les data centers consomment environ 1 % de l'electricite mondiale (Agence internationale de l'energie, 2023)

Les leviers d'eco-conception

1. Optimiser les images

Les images representent en moyenne 50 % du poids d'une page web. Voici comment les optimiser :

• Utiliser le format WebP ou AVIF : ces formats modernes offrent une compression 30 a 50 % superieure au JPEG, sans perte visible
• Dimensionner correctement : ne servez pas une image de 4000 px de large pour un emplacement de 800 px
• Utiliser le lazy loading : l'attribut loading="lazy" sur les balises <img> empeche le chargement des images hors de l'ecran
• Privilegier le SVG pour les icones et les illustrations vectorielles

2. Reduire le JavaScript

Le JavaScript est le principal responsable de la lenteur des sites web :

• Supprimer les bibliotheques inutilisees : un audit avec Webpack Bundle Analyzer ou Vite permet d'identifier le code mort
• Utiliser le tree-shaking : les bundlers modernes eliminent automatiquement le code non utilise si les imports sont granulaires
• Reporter les scripts non essentiels : l'attribut defer ou async evite de bloquer le rendu

3. Optimiser les polices

Les polices web representent souvent 200 a 500 Ko de telechargement :

• Utiliser font-display: swap pour afficher le texte immediatement
• Limiter le nombre de graisses : deux ou trois suffisent generalement
• Utiliser le subsetting : ne charger que les caracteres necessaires (latin, par exemple)
• Privilegier les polices variables : une seule police couvre toutes les graisses

4. Choisir un hebergement vert

L'hebergement represente une part significative de l'empreinte carbone d'un site :

• Infomaniak (Suisse) : alimentation 100 % energie renouvelable, compensee carbone
• OVHcloud (France) : systeme de refroidissement par eau, PUE de 1,09
• Scaleway (France) : data centers alimentes en energie renouvelable

Le PUE (Power Usage Effectiveness) mesure l'efficacite energetique d'un data center. Un PUE de 1,0 serait parfait ; la moyenne mondiale est de 1,58 (Uptime Institute, 2023).

5. Mettre en cache intelligemment

Le cache reduit le nombre de requetes serveur :

• Cache navigateur : definir des en-tetes Cache-Control avec des durees longues pour les fichiers statiques
• CDN : un reseau de distribution de contenu comme Cloudflare rapproche les fichiers des utilisateurs
• Service Worker : pour une experience hors ligne et un chargement quasi instantane

Mesurer l'impact de son site

Plusieurs outils permettent d'evaluer l'empreinte carbone d'un site :

• Website Carbon Calculator (websitecarbon.com) : estime les emissions de CO2 par visite
• EcoIndex (ecoindex.fr) : note l'eco-conception de A a G, similaire au DPE immobilier
• GreenFrame : outil open source pour mesurer l'impact carbone des parcours utilisateur
• Lighthouse : le score de performance Google est un bon indicateur indirect

Le referentiel RGESN

En France, le Referentiel general d'ecoconception de services numeriques (RGESN), publie par la DINUM en 2024, fournit 79 criteres d'eco-conception repartis en 8 thematiques. Il s'agit d'un outil de reference pour les administrations publiques, mais son adoption par le secteur prive est encouragee.

Conclusion

L'eco-conception web n'est pas une contrainte : c'est une demarche qui ameliore simultanement la performance, l'accessibilite et l'experience utilisateur. Un site sobre est un site rapide, et un site rapide est un site qui convertit mieux. Commencez par auditer le poids de vos pages et optimisez les images : vous obtiendrez des resultats immediats.