logo studio vitamine accueil

Qu'est ce que l'éco- conception web ?

De manière synthétique, l’éco-conception web vise à réduire les impacts environnementaux des services numériques en améliorant leur conception. Moins c’est mieux !

L’éco-conception web représente une des composantes de la démarche du numérique responsable. Eco-concevoir des sites web les rend moins consommateurs de ressources, plus durables & plus accessibles. La qualité de service aux utilisateurs est bien sûr conservée.

Chaque octet a un impact dans le monde réel   1

1 Frédéric Bordage dans “Écoconception web / les 115 bonnes pratiques”

La plupart des internautes considèrent Internet comme un univers virtuel et dématérialisé, donc inoffensif pour la planète. Ah bon ?!

LE NUMÉRIQUE REPRÉSENTE 4% DES ÉMISSIONS DE GES (GAZ À EFFET DE SERRE)

SOIT 1,5x
+
QUE LE TRAFIC AÉRIEN

EUH PARDON ?!
tinyurl.com/59x6bead
Alors imaginez juste ce petit gif du trafic aérien par jour et vous le transformez en consommation en tonne équivalent CO2. Cela représenterait environ 300 000 avions traversant les mers par jour !

le haut d'un iceberg
iceberg

Des images
trop lourdes

Trop de
requêtes serveur

Une navigation
trop compliquée

Des vidéos
gourmandes

baleine

comment palier à ça ?

Le livre de Frédéric Bordage, précurseur en la matière, est une mine d’informations pour éco-concevoir votre service numérique. L’auteur dresse une liste de 115 bonnes pratiques pour les designers, les techniciens et les solutions d’hébergement.

Chaque acteur de votre équipe à un rôle à jouer pour réduire l’impact environnemental de votre site. Main dans la main, avançons…

comprendre l’importance du design
ui / ux

Designers UI, designers UX, cette section est pour vous ! La recherche et les tests utilisateurs permettent de définir si un élément est indispensable au projet. Ce n’est pas le cas, on le retire tout simplement. En éliminant certaines fonctionnalités, nous optimisons radicalement notre empreinte énergétique.

Autrement dit, si vous pouviez éviter de jeter 46 packs d’eau dans la nature, nous savons que vous le feriez. Alors pourquoi laisser cette fonctionnalité qui n’est pas importante pour votre utilisateur. Parce que cela reste virtuel ? humm...

Les fonctionnalités sont un exemple parmi d’autres. Nous ne pouvons tous les énumérer mais vous comprendrez aisément, que oui ! Chacun de nos actes est calculé.

LE DESIGNER
PEUT RÉDUIRE JUSQU’À
60%
des émissions de
CO2

LA QUALITÉ
CONTRE
LA QUANTITÉ

La qualité contre la quantité, cette phrase résume tout. Elle concerne aussi bien les photos à utiliser dans votre site, la vidéo d’ambiance « qui fait bien », une newsletter, le nombre de polices, les couleurs etc.

Le poids de chaque élément se répercute sur notre consommation de CO2.

comprendre les clés du développeur web

Le code que vous produisez permet d'être compris aussi bien par des terminaux de 2009 que de 2023 ? Alors votre code est optimisé ! Si on limite considérablement le nombre de requêtes, si les images ne sont pas obèses, ou si on limite les animations (surtout en JS), un sacré gain d’énergie peut-être observé.

Comme pour le design, il existe une multitude de bonnes pratiques !

Une page web
a augmenté d’environ
x115
octets en 20 ans

UNE PAGE EN
1995
PESAIT 15 KO !

aujourd’hui
il faut compter
1 800 ko

ouch, ça fait mal...

IL N’Y A PAS DE PETITES ÉCONOMIES !
IL N’Y A PAS DE PETITES ÉCONOMIES !

Vous l’aurez compris ? Chaque décision à un impact sur l’environnement bien plus fort que vous ne l’auriez pensé.

Encore une fois, ce n’est pas parce nous ne voyons pas l’impact qu’il n’est pas présent.

Un superbe outil, développé par le collectif Green IT montre la consommation d’une page :
www.ecoindex.fr

Analysez la page de votre site web et obtenez rapidement votre empreinte environnementale globale. Le détail du score vous permettra ensuite d’améliorer les points les plus importants.

Si vous êtes D ou en dessous, n’hésitez pas à nous demander un audit pour alléger votre empreinte environnementale. Si on vous dit qu’on peut éviter de jeter 2 000 packs d’eau à la poubelle, vous nous suivez ?

Le développeur peut également vous conseiller un hébergement avec des engagements prometteurs pour éviter une trop grosse consommation de kilos équivalent CO2.

Exemple de l’hébergeur Infomaniak ici :
www.infomaniak.com/fr/ecologie

Je veux un audit !
Ce site
à été réalisé
par l'agence

Julie Mahe

Certifiée GreenIT.fr

Julie de Studio Vitamine
Éco-conceptrice 🌱
Développeuse front
Designer UI