Comment arriver à
l'éco-conception web ?
L'écoconception digitale est une démarche préventive et innovante qui permet de réduire les impacts négatifs des sites ou des applications sur l’environnement en pensant dès le début du projet à son coût écologique tout en conservant ses qualités d’usage.
Éco-conception :
La mesure
Établir un état des lieux des performances, énergétiques, environnemental et techniques des sites et applications web grâce à différents outils est pour mesurer leurs impact. Cela permet ensuite d'identifier les leviers actionnables et les efforts demander pour atteindre le niveau d'éco-conception voulu.
- Exemples de mesures:
- ＿ Consommation électrique en mA
- ＿ Émission carbone des sites internet
- ＿ Empreinte eau des sites internet
- ＿ Parcours Analytics
Conversion de la consommation énergétique
du numérique en émission de CO2
Éco-conception :
Le design
Le design d’un site web influe sur les performances des différents appareils. Utiliser les couleurs RVB les moins consommatrices permet d’économiser de l’énergie. De même qu’une UX simplifiée limite le nombre de clics et offre une navigation plus rapide, choisir des Fonts issues de bibliothèques web permet de ne pas alourdir l’impact écologique des sites.
- Exemples d'actions:
- ＿ Couleurs
- ＿ Typographie
- ＿ User experience
- ＿ Visuel
Consommation énergétique du numérique en mV
Éco-conception :
Le contenu
L’utilisation des médias et le stockage associé ont un véritable impact sur l’empreinte écologique des sites internet. Utiliser la bonne compression, des dimensions adaptées, et les nouveaux formats d’export pour les supports visuels et audio, permet d’optimiser le poids des fichiers et ainsi réduire les temps de chargement et l’empreinte sur les serveurs d’hébergements.
- Exemples d'actions:
- ＿ Compression
- ＿ Formats
- ＿ Rédaction
- ＿ Média
.SVG
1 image fluide qui s'adapte à chaque support
Éco-conception :
Le code
Limiter le nombre de requêtes entre le site et le serveur en combinant les fichiers statiques tels que les librairies CSS & Javascript, en ne développant que les fonctions nécessaires et en utilisant la mise en cache navigateur permet de réduire la charge sur le serveur et donc la surconsommation d’énergie lors de la navigation.
- Exemples d'actions:
- ＿ Clean coding
- ＿ Optimisation
- ＿ Minification
- ＿ Plugin
Un fichier CSS = 1 action
Éco-conception :
L'hébergement
Favoriser un serveur adapté à vos besoins afin d’optimiser son utilisation et rentabiliser sa capacité de stockage plutôt que des serveurs plus gourmands en énergie pour une capacité sous-exploitée. Les offres d’hébergement ‘vert’ utilisant des énergies renouvelables pour leurs équipements sont aussi des solutions permettant de réduire l’empreinte du digital sur l’environnement.
- Exemples d'actions:
- ＿ Conversion d'énergie
- ＿ Stockage
- ＿ Efficacité énergétique
- ＿ Énergie renouvable
Un serveur puissant utilisé à 50% de ses capacités
vs un serveur basique utilisé à 100% de ses capacités
