ABC GOURMET Logo
FR EN DE

Éco-conception web

Comment ce site a été conçu pour réduire son impact environnemental

Internet consomme de l'énergie. Entre deux sites qui font la même chose, l'un peut consommer 10 à 50 fois plus que l'autre. C'est là qu'on peut agir.

Le numérique représente 4% des émissions mondiales de CO₂ (plus que l'aviation civile). Chaque page web consultée consomme de l'énergie : serveurs, datacenters, transmission des données, appareil de l'utilisateur.

La différence entre un site lourd et un site sobre, c'est comme la différence entre un 4×4 et une voiture hybride : les deux roulent, mais l'un consomme beaucoup plus.

Ce site comparé à un WordPress classique

Poids par page
280 Ko au lieu de 3-5 Mo
Chargement
0,6s au lieu de 3s+
CO₂ par visite
0,19g au lieu de 2,85g
Score Ecoindex
A au lieu de D

Les choix techniques qui réduisent l'impact

1

Pages pré-générées et servies proches de vous

Beaucoup de sites calculent chaque page à chaque visite. Ce site génère toutes les pages une seule fois, puis les sert depuis 330 datacenters dans le monde. Un visiteur parisien charge depuis Paris, pas depuis les États-Unis.

✓ Téléchargement de fichiers déjà prêts, sans calcul ni base de données

2

Énergie uniquement quand nécessaire

Pour modifier le contenu, une interface déclenche automatiquement de petits agents qui exécutent les tâches nécessaires puis se mettent en veille. Pas de serveur qui tourne en permanence, juste des calculs ponctuels quand on en a vraiment besoin.

✓ C'est comme allumer la lumière seulement quand on entre dans une pièce, au lieu de laisser toute la maison éclairée

3

Images adaptées à votre appareil

Format adapté à l'appareil (AVIF si supporté, sinon WebP, sinon PNG optimisé). Taille adaptée à l'écran (pas d'image plus grande que nécessaire). Résultat : entre 30 et 70 fois plus léger que la taille initiale.

✓ Moins de données = moins d'énergie pour transmettre et afficher

4

Tirer parti de l'évolution des navigateurs

Il y a 10 ans, pour faire certaines choses sur un site (animations, popups, etc.), il fallait charger beaucoup de code supplémentaire. Aujourd'hui, les navigateurs ont évolué et savent faire tout ça nativement. En restant à jour sur ces évolutions, on évite de charger 150 à 300 Ko de code comme le font encore beaucoup de sites. Ce site : environ 20 Ko.

✓ Site plus rapide et consommation d'énergie divisée par 10, juste en utilisant intelligemment ce qui existe déjà

Un site éco-responsable, c'est aussi un site plus rapide, plus fiable, et moins cher à maintenir. L'écologie et la performance vont de pair.

Développement

Josselin Hanel, développeur web indépendant.

Voir le portfolio

Technologies utilisées

Astro - Génération statique Tailwind CSS TypeScript Cloudflare