Le numérique représenterait 2 à 4 % des émissions mondiales de carbone. Voici six façons de créer des sites web durables, avec une empreinte carbone bien plus réduite.
Toutes ces données « invisibles » sont collectées, traitées, stockées et échangées dans de vastes centres de données répartis dans le monde entier. Les serveurs qui les font tourner chauffent beaucoup. Ils sont à leur tour refroidis par d’énormes systèmes de refroidissement alimentés en électricité. Beaucoup d’entre eux fonctionnent encore en grande partie aux énergies fossiles.
En tant que développeurs web, nous cherchons à réduire la consommation d’énergie et l’impact environnemental des sites en créant des sites économes en énergie. Milk Moon Studio est un petit studio Webflow, et en tant que designers Webflow, notre impact reste modeste, mais grâce à certaines des méthodes ci-dessous, nous avons réussi à réduire l’empreinte carbone de nos pages et de celles de certains de nos clients.
Pour créer des sites durables et économes en énergie, nous appliquons ces bonnes pratiques d’éco-conception web :
- Optimiser les images pour réduire leur poids. (Astuce : si vous devez importer des images, utilisez un outil comme TinyPNG avant de les charger sur votre site.)
- Utiliser les vidéos avec discernement. (Astuces : une vidéo simple, sans arrière-plan, sera en résolution plus basse, essayez d’intégrer les vidéos directement dans votre site et ne les réglez pas en lecture automatique. Nous avons aussi écrit un article sur l’optimisation des vidéos Vimeo en arrière-plan dans Webflow, qui ne charge la vidéo que lorsqu’elle apparaît à l’écran.)
- Activer le chargement différé (lazy loading) des images et des médias. (Le chargement différé consiste à ne charger les images et autres médias qu’au moment où ils sont nécessaires. Remarque : cela réduit la consommation d’énergie et accélère le chargement des sites, ce qui est un bonus pour votre SEO. Plus de détails dans notre article sur la façon dont la vitesse des pages favorise la réussite de votre entreprise.)
- Utiliser le cache web. (La mise en cache consiste à télécharger les éléments de page communs, comme le JavaScript, le CSS et les images, et à les stocker plus près de l’utilisateur ou dans son navigateur. Quand il revient sur la page, il peut récupérer ces données depuis le cache au lieu d’interroger de nouveau le serveur web.) Si vous voulez voir cela en action, téléchargez l’extension Chrome DrFlare et regardez le site www.milkmoonstudio.com. Nous combinons cache en périphérie (edge), cache navigateur, formats nouvelle génération et optimisation des images, et toute la configuration est détaillée dans notre guide d’optimisation de Webflow avec Cloudflare (notre article initial sur la mise en cache de Webflow avec Cloudflare est toujours en ligne aussi).
- Supprimer ce dont vous n’avez pas besoin. (Plus votre site est épuré, moins il consomme d’énergie.)
- Choisir un hébergeur web écologique (une entreprise qui utilise des énergies renouvelables contribue beaucoup à limiter l’impact environnemental de votre site). Webflow ne propose malheureusement pas encore d’hébergement exclusivement écologique, mais Amazon affirme avoir couvert 100 % de l’électricité qu’elle utilise par de l’énergie renouvelable en 2023. Milk Moon, lui, fonctionne presque exclusivement à l’énergie verte. Notre site est mis en cache sur le réseau Cloudflare, qui, selon Cloudflare, est alimenté par des énergies renouvelables, et nos ressources sont mises en cache et optimisées par Cloudflare Workers. En savoir plus sur Cloudflare et les énergies renouvelables. Voici notre trafic sur 24 heures : 99,97 % servi depuis le cache Cloudflare !
La technologie web peut apporter d’immenses bénéfices à la société et à l’environnement, mais seulement si nous l’utilisons à bon escient. L’optimisation offre non seulement une meilleure expérience à l’internaute, mais c’est aussi un petit geste pour la planète.
Éco-conception web : réponses rapides
Qu’est-ce que l’éco-conception web ?
L’éco-conception web consiste à construire un site qui consomme le moins d’énergie possible, afin de réduire son empreinte carbone. Concrètement, ce sont les six étapes ci-dessus : des images plus légères, des vidéos raisonnables, le chargement différé, la mise en cache, la suppression de ce qui est inutile et un hébergeur web écologique.
Un site web a-t-il vraiment une empreinte carbone ?
Oui. Chaque page vue demande à un serveur d’un centre de données de travailler, et ces serveurs chauffent et doivent être refroidis, ce qui consomme de l’électricité. Beaucoup d’entre eux fonctionnent encore en grande partie aux énergies fossiles : un site plus léger et mis en cache représente donc moins de travail pour ces serveurs et moins d’énergie consommée.
La mise en cache rend-elle un site web plus durable ?
Oui, car une page ou un fichier en cache est servi depuis un emplacement plus proche du visiteur, ou depuis son propre navigateur, au lieu d’être récupéré à chaque fois auprès du serveur web. Notre propre site est servi à 99,97 % depuis le cache Cloudflare sur une période de 24 heures.
Comment choisir un hébergeur web écologique ?
Cherchez une entreprise qui utilise des énergies renouvelables et demandez quelles parties de son réseau en bénéficient. Nous utilisons le réseau de Cloudflare pour la mise en cache, et Cloudflare affirme que ce réseau est alimenté par des énergies renouvelables.
