Comment l'agence Promto développe des sites web éco-conçus et légers
Le numérique représente 4% des émissions mondiales de CO2. Plus que le secteur aérien. Et ce chiffre double tous les 4 ans.
Chaque page web chargée consomme de l'électricité :
- Sur le serveur qui la génère
- Sur les réseaux qui la transmettent
- Sur l'appareil du visiteur qui l'affiche
Un site web lourd pollue plus qu'un site web léger. C'est aussi simple que ça.
Chez Promto.be, on ne construit pas des sites rapides juste pour le SEO. On les construit légers parce que c'est notre responsabilité.
L'éco-conception web, c'est quoi ?
L'éco-conception, c'est l'art de réduire l'impact environnemental d'un service numérique tout en conservant (ou améliorant) l'expérience utilisateur.
Ce n'est pas : faire moche pour économiser des ko.
C'est : faire mieux avec moins.
Nos 8 principes d'éco-conception
1. Le statique d'abord
Un site statique (SSG) ne consomme presque pas de ressources serveur. Pas de PHP à exécuter, pas de base de données à interroger, pas de calcul à chaque visite.
Impact : un site statique consomme 10 à 100 fois moins d'énergie serveur qu'un site dynamique.
2. Des pages légères
On vise un poids total de page inférieur à 1 Mo. Souvent, on est sous 500 ko.
Comment :
- Pas de bibliothèques JavaScript inutiles
- CSS minimal et purgé
- Images optimisées au format WebP/AVIF
- Pas de vidéo auto-play
- Pas de trackers superflus
3. Des images responsives
Une image ne devrait jamais être plus grande que l'espace où elle s'affiche.
Avec Next.js <Image> :
- Redimensionnement automatique
- Format WebP (30% plus léger que JPEG)
- Lazy loading (chargement différé)
- srcset pour différentes résolutions d'écran
Une image de 4000px affichée en 800px, c'est du gaspillage. On évite.
4. La sobriété fonctionnelle
On n'ajoute pas de fonctionnalités "parce que c'est cool". Chaque feature a un coût énergétique :
- Un carrousel d'images = JavaScript + calculs DOM
- Une animation complexe = CPU consommé
- Un chatbot = requêtes constantes vers un serveur distant
On questionne chaque fonctionnalité : "Est-ce vraiment nécessaire pour l'utilisateur ?"
5. Le green hosting
On déploie sur Vercel, qui utilise des data centers alimentés en énergie renouvelable. Leur infrastructure est optimisée pour la densité énergétique — plus de sites servis avec moins d'énergie.
6. La proximité géographique
Un CDN sert votre site depuis le point le plus proche du visiteur. Moins de distance = moins de routeurs traversés = moins d'énergie consommée.
Un visiteur bruxellois reçoit votre site depuis Amsterdam, pas de Californie.
7. La durabilité du code
Un site qui dure 5 ans sans refonte totale pollue moins qu'un site refait tous les 18 mois.
Notre stack Next.js est conçue pour évoluer. Pas pour être jetée.
8. La mesure
On mesure l'empreinte de chaque site avec des outils comme :
- Website Carbon Calculator : estime le CO2 par page vue
- EcoIndex : score global d'éco-conception
- PageSpeed Insights : indirectement lié (site rapide = site léger)
Le chiffre : combien de CO2 économisé ?
Prenons un site WordPress moyen vs un site Promto.be.
| Métrique | WordPress | Promto.be |
|---|---|---|
| Poids page | 3-8 Mo | 0.3-0.8 Mo |
| Requêtes serveur / visite | 20-50 | 1-3 |
| Énergie serveur / visite | Haute | Quasi nulle |
| CO2 estimé / page vue | 1.5-3g | 0.15-0.3g |
Pour un site à 10 000 visites/mois :
- WordPress : 18-36 kg CO2/an
- Promto.be : 1.8-3.6 kg CO2/an
Économie : 16-32 kg de CO2 par an. L'équivalent de 150-300 km en voiture.
L'éco-conception, c'est aussi du business
Le bonus ? Un site éco-conçu est automatiquement :
- Plus rapide → meilleur SEO → plus de trafic
- Plus léger → moins de données mobiles consommées → meilleure expérience
- Plus accessible → fonctionne sur des appareils anciens → plus large audience
- Moins cher → moins de bande passante, moins d'hébergement → économies
L'éco-conception n'est pas un sacrifice. C'est une optimisation.
Notre engagement
Chez Promto.be, on s'engage à :
- Livrer des sites dont le poids de page reste sous 1 Mo
- Utiliser uniquement des formats d'image modernes
- Privilégier le statique au dynamique quand c'est possible
- Héberger sur des infrastructures à faible empreinte carbone
- Documenter l'empreinte carbone estimée de chaque projet
Ce n'est pas du greenwashing. C'est de l'ingénierie responsable.
Conclusion
Le numérique n'est pas immatériel. Chaque site web a un impact réel sur la planète.
En choisissant une architecture légère (Next.js, statique, CDN), on réduit cet impact drastiquement — tout en améliorant les performances et l'expérience utilisateur.
C'est ce qu'on appelle un win-win-win. Pour vous, pour vos visiteurs, pour la planète.