L’éco-conception

web :

Comment ça marche ?

Illustration-of-a-computer-6

Tu n’y penses certainement pas, mais à chaque fois que tu utilises une page web, tu consommes de l’énergie. Eh oui, en moyenne, un site consomme 9 Mwh (mégawattheure) par page. Cela peut paraître négligeable, mais sur des millions d’utilisateurs, cela représente un gouffre énergique.

Bon à savoir : Selon la recherche de Gerhard Fettweis postée en juillet 2022, « si internet était un pays, il serait le 3e plus gros consommateur d’électricité au monde avec 1500 TWH par an derrière la Chine et les États-Unis. » Toujours d’après cette étude, cette consommation doublerait tous les quatre ans. Mais des astuces peuvent être mises en place pour limiter la casse. Prends en compte tout de suite !

computer-keyboard

Eco-branding : Le design aux côtés de l’environnement

Le design (UX design) va être déterminant dans la consommation énergétique d’un site web. C’est pourquoi faire appel à des designers écologiques devient primordial et sera certainement bientôt une étape obligatoire. L’UX design (users expérience design) prend en compte plusieurs facteurs :

  • L’expérience utilisateur : Plus un site web sera intuitif, facile d’utilisation et plus l’utilisateur sera rapide dans sa démarche. Ainsi, moins d’énergie sera consommée. Pour cela, il faut savoir hiérarchiser et utiliser les bonnes couleurs.
  • Les couleurs : Utiliser les couleurs RVB les moins consommatrices permet d’économiser de l’énergie. Pour en savoir plus, clique ici.
  • La typographie : favoriser les typographies web ayant des fichiers légers permet d’économiser de l’énergie.

Un contenu web éco-conçu

Les images, les vidéos, ou encore les médias compris dans le stockage des sites internet impactent fortement leur empreinte énergétique. C’est pourquoi tu ne dois pas sous-estimer leur importance !

Laisse-moi te donner deux petits mots à ne jamais oublier pour avoir un contenu web écologique :

  • Compresser : réduire la taille de l’image pour limiter son occupation mémoire.
  • Redimensionner : réduire le poids de l’image et/ou adapter ses dimensions aux formats préférentiels du serveur.

Quel format d’image favoriser ?

Il ne fait aucun doute que le format SVG est celui que tu dois utiliser pour enregistrer tes images. Je vais t’expliquer pourquoi :

  • C’est un format vectoriel ce qui permet de garder une qualité d’image bien supérieure à une image matricielle (JPEG, PNG, etc.) lors d’un envoi.
  • Les fichiers SVG sont généralement plus petits donc plus léger et plus économe que les fichiers JPEG par exemple.
  • Les fichiers sont facilement modifiables.


Les sites sont hébergés sur des serveurs plus ou moins performants, donc plus tes fichiers seront lourds et plus le temps de chargement sera long. Finalement tu as tout à gagner à utiliser du SVG ! 🤗

Éco-conception : Bien héberger son site

De nombreux serveurs existent, mais certains d’entre eux visent des solutions 100 % écologiques. Tu veux savoir lesquels ? Alors, écoute bien !

  • Ionos
  • Infomaniak
  • Ex2
  • Network solution
  • PlanetHoster

 

Pour que tu comprennes bien ce que veut dire avoir un hébergement écologique, voici un exemple concret.

PlanetHoster est une entreprise 100 % écologique et respectueuse de l’environnement avec ses hébergements web. Son datacenter français s’appuie exclusivement sur de l’énergie renouvelable. Mais l’entreprise va plus loin : dans ses bureaux, l’énergie consommée est minimisée grâce à des éclairages LED, à la réduction de consommation de papier, au covoiturage, au tri sélectif, etc.

Il en est de même pour son datacenter canadien qui est 100 % alimenté par des énergies vertes telles que les barrages hydrauliques.

Mais bien choisir son serveur n’est pas seulement choisir parmi les exemples que je t’ai donnés, c’est aussi viser un serveur à la hauteur de tes besoins. Et oui, bien qu’il soit écologique, tu ne dois pas choisir un serveur énergivore si tu ne rentabilises pas toute sa capacité de stockage. 😉

Tu souhaites connaître l’empreinte carbone de ton site web ? Rends-toi sur WebsiteCarbon.