Comment réduire son impact environnemental sur le web ?

Dossier

3'

reduire-impact-web-agence-web

Chez Purée Maison, l’environnement est un sujet qui nous tient particulièrement à cœur. Le respect de la planète est une valeur partagée par toute l’équipe, tant dans nos vies personnelles qu’au quotidien à l’agence.

En 2022, on a inscrit la réduction de l’impact environnemental de l’agence dans nos objectifs annuels, ce qui nous a amenés à creuser la question.

Si internet était un pays, il serait le 3ᵉ plus gros consommateur d’énergie au monde, avec une consommation équivalente à 100 réacteurs nucléaires. En 2019, le numérique représentait 10 à 15 % de l’électricité mondiale. Si le constat est évident, les solutions, elles, le sont moins.

naviguer sur le web : de bonnes habitudes à prendre

Il est important de changer nos habitudes de navigation sur internet. On peut commencer par le choix du navigateur web. Son impact sur notre empreinte carbone et fort.

Sans surprise, Chrome est très énergivore comparé à ses concurrents. Bien que les données soient limitées (la plus récente datant de 2014), Firefox semble être une alternative à privilégier.

D’autre part, taper directement l’URL d’un site plutôt que de passer par Google permettrait d’économiser 7 grammes de CO2. En effet, chaque requête sur Google fait travailler de nombreux serveurs souvent situés à des milliers de kilomètres. Il vaut donc mieux aller au plus court.

Par ailleurs, il existe des moteurs de recherche éco-friendly comme Lilo, un navigateur français et solidaire, ou Ecosia (basé sur Bing) qui propose de planter des arbres.

ecosia-moteur-de-recherche

des sites internet plus écologiques ?

L’Agence de la transition écologique (Ademe) publie régulièrement des guides bonnes pratiques pour créer des sites plus performants et respectueux de l’environnement.

On y apprend notamment l’importance de la sobriété au niveau du design et des fonctionnalités du site.

Lors de la création, il est donc crucial de fluidifier au maximum l’expérience utilisateur (UX) : plus l’information est accessible rapidement, moins le temps de navigation est long, ce qui réduit le nombre de requêtes et l’empreinte environnementale de la visite.

la vitesse de chargement de votre site

L’optimisation de la performance (la vitesse) est également un paramètre très important lors de la création d’un site et sur lequel nous sommes très sensibles à l’agence.
Plus un site est lourd à charger, plus il pollue. Il faut donc rendre les sites les moins gourmands possibles et cela oblige à faire des arbitrages : un site animé et très immersif est, par nature, à l’opposé d’un site « éco-friendly », il faut donc savoir où vous souhaitez placer le curseur lors de la création ou refonte de votre site.

Le « Dark mode » peut être appliqué à un site internet. Il consiste à utiliser des fonds de couleur sombres, qui consomment moins d’énergie au niveau des LED de votre écran d’ordinateur.

dark-mode-google-chrome

le poids des images

La lenteur des pages web est souvent due aux images qu’elles comportent. Voici quelques gestes pour réduire le temps de chargement de votre site :

  1. 01

    Redéfinir leurs tailles pour qu’elles ne dépassent pas celles de l’affichage du site (inutile de charger une image de 2000x2000px si elle est affichée en 500x500px). L’outil iloveIMG permet de redimensionner plusieurs photos à la fois.

  2. 02

    Toujours compresser ses images (via des outils comme TinyPNG)

  3. 03

    Utiliser le format nouvelle génération WebP, moins gourmand que les formats traditionnels PNG et JPG

Selon l’ADEME, l’optimisation des images d’un site réduirait sa consommation de 20 à 25 %.

l’hébergement du site web

Enfin, il existe aujourd’hui des offres d’hébergement plus écologiques, comme Infomaniak en Suisse, qui utilise 100 % d’énergie verte et compense 200 % de ses émissions de CO2.

Pour mesurer l’impact de votre site internet, un Eco-index est disponible : EcoIndex.fr

agence-puree-maison-4 puree-maison-equipe-agence puree-maison-agence-01 puree-maison-agence-02 puree-maison-agence-03 agence-puree-maison-7 agence-puree-maison-8 puree-maison-agence-04 agence-puree-maison-10 agence-puree-maison-9 puree-maison-agence-05 agence-puree-maison-11 etre-une-agence-responsable-article-cover-hover (1)