L’écoconception web a pour but de réduire au maximum les ressources consommées d’un site en optimisant sa conception, son ergonomie et son hébergement. Il y a beaucoup de façon de calculer cette consommation, chez Ethiko, nous avons décidé d’utiliser la formule de Green It. C’est une association française d’experts centrée sur l’éco-conception numérique. De plus en plus d’entreprise sont soucieuses de leur impact écologique et tentent de minimiser constamment celui-ci. Le secteur du numérique et son développement sont un vrai sujet d’actualité, car ce secteur est responsable de 2% du total des émissions de gaz à effet de serre en France, soit 15 millions de tonnes de rejet de CO2, selon une étude commandée par le Sénat en 2022.
Dans cet article, nous allons vous expliquer ce qu’est l’éco conception web, pourquoi c’est important et vous donner les 7 actions simples à réaliser pour réduire l’impact de votre site Internet. Si vous souhaitez vous faire accompagner, n’hésitez pas à contacter notre agence d’éco conception web de Bordeaux.
1 – Définition de l’écoconception web
L’écoconception d’un site web a pour but de minimiser les ressources consommées tout au long de son cycle de vie. Le cycle de vie de celui-ci est composé des mêmes phases que pour la création d’un produit :
1.Les matières premières
Les matières premières correspondent à tout le matériel physique qu’il faut pour créer le site. On y retrouve principalement les ordinateurs ou tablettes que les développeurs et les designers vont utiliser pour concevoir le site web. Dans cette première phase, l’aspect environnemental est lié à la durée de vie des appareils. En effet, il est important d’augmenter la durée de vie des appareils quand c’est possible et surtout de recycler ou réparer au maximum les appareils lorsqu’ils sont en fin de vie.
2. La fabrication
La fabrication du produit correspond au développement du site internet. On y retrouve la création de l’UX/IU design, l’arborescence du site, le nombre de requêtes au serveur et l’identité visuelle. Le choix du langage, l’optimisation du code et de l’utilisation ou non d’un CMS et de plug in sont autant de facteurs qui vont avoir un impact énergétique sur le site. Le design simple et épuré est l’un des facteurs les plus importants pour réduire son empreinte écologique. Cela va permettre d’avoir un site rapide, fluide, avec un référencement bien optimisé et un parcours utilisateur optimal, mais c’est grâce à cette simplicité que vous réduirez votre impact sur l’environnement.
3. Le transport
Le transport du produit, dans le cadre d’un site web, correspond à l’hébergement. L’hébergement correspond à l’ordinateur sur lequel serait installé votre site internet. Votre navigateur étant l’écran vous permettant d’afficher ce site, il va devoir dialoguer avec votre serveur afin de récupérer les informations à afficher. C’est donc grâce aux serveurs qui hébergent le site web que l’utilisateur peut y avoir accès, il faut donc opter pour un hébergement vert ! Le choix de l’hébergeur est essentiel dans l’écoconception web. Assurez-vous de choisir un hébergeur qui respecte les normes ISO 14001 ou 50001. Chez Ethiko, nous optons pour l’hébergement vert Infomaniak. Cet hébergeur est le premier à pousser le processus écologique en s’engageant concrètement au quotidien. Chez Ethiko, nous partageons à 100% leurs engagements et pensons qu’ensemble, nous pouvons rendre le numérique moins impactant.
4. La distribution
La distribution du produit, dans le cadre d’un site web, correspond aux moteurs de recherches. D’un point de vue écologique, il existe des moteurs de recherches comme Ecosia qui sont plus respectueux de l’environnement. Cependant, cette phase ne dépend que des utilisateurs, nous n’avons pas de point de contrôle là-dessus.
5. L’utilisation
L’utilisation du produit fini correspond à la phase de navigation des utilisateurs sur le site web. C’est lors de cette phase que les efforts fournis tout au long du cycle, vont avoir un véritable impact. Plus votre site aura été conçu et pensé de façon écologique, plus vos utilisateurs limiteront leur impact environnemental, en particulier si votre site fait plusieurs milliers d’utilisateurs par jours. Chez Ethiko, nous travaillons les parcours utilisateurs de nos produits web (UX) afin de pouvoir optimiser le nombre de clics de chaque visiteur dans le but de trouver simplement et rapidement l’information recherchée.
2 – Pourquoi pratiquer l’éco-conception web ?
1. Étude
Selon l’Agence de l’Environnement et de la Maîtrise de l’Énergie, Internet pollue 1,5 fois plus que le transport aérien en terme d’émission de CO2. Le taux de gaz à effet de serre produit par Internet se divise entre les utilisateurs à 50%, le réseau à 25% et les datas centers à 25%. En effet, un data center représente 4% de la consommation d’électricité mondiale, soit autant d’électricité que 30 000 habitants européens. Un site web a besoin d’une certaine quantité d’électricité pour fonctionner, d’une bande passante, et d’un nombre de requêtes au serveur.
2. Le développement d’Internet
Avec le développement intense d’Internet, il y a beaucoup plus de sites Internet qu’avant. Cela est dû au fait que les utilisateurs sont de plus en plus nombreux sur le web. Les habitudes ont évolué, notamment avec le Covid 19, on a pris l’habitude de tout faire via Internet et les sites web. En effet, aujourd’hui, beaucoup plus d’utilisateur font leur shopping ou même leurs courses sur Internet. Avec cette augmentation de l’utilisation d’Internet et de la création de site web, les émissions de gaz à effet de serre sont multipliées. C’est pourquoi, il est important de pratiquer des actions plus respectueuses de l’environnement qui répond à une démarche d’éco-conception. Aujourd’hui, avoir un site éco-conçu va avoir un impact positif sur l’environnement, et va vous permettre aussi de vous démarquer de la concurrence.
Toutes ces nouvelles utilisations vont avoir un impact environnemental, mais pas que, ils vont aussi avoir un impact sur la performance du site web créé. Plus vous allez concevoir un site web respectueux de l’environnement, plus votre site sera léger et donc aura un meilleur temps de chargement, un meilleur référencement. En effet, Google mesure les performances des sites internets, leur accessibilité, ainsi que l’expérience utilisateur. Afin de tester si votre site respecte les standards de qualité de Google, vous pouvez tester votre site sur PageSpeed.web.dev ou encore sur Ecodesign.dev.
3 – Les 7 actions simples à faire pour rendre votre site éco responsable
1. Réduire au maximum les requêtes
Lorsque votre visiteur est sur votre site, il déclenche automatiquement une requête HTTP. En effet, le serveur envoie tous les fichiers qui composent votre site vers le navigateur de votre visiteur afin qu’il s’affiche sur son écran. Votre navigateur va donc avoir besoin des images, des textes, des animations et polices de votre site afin de vous l’afficher. Chacune de ces demandes s’appelle une requête HTTP. Il faut alors minimiser les fichiers et n’envoyer que les fichiers nécessaires. Le fait de supprimer au fur et à mesure les requêtes indésirables vous permet de réduire le temps de chargement de vos fichiers et donc améliorer la performance de votre site ainsi que son impact environnemental. Pour en savoir plus sur la meilleure façon de minimiser vos requêtes, commencer par faire une analyse sur Ecodesign.dev et retrouvez plus d’informations pratiques sur cet article.
2. Ne garder que les éléments essentiels
Lors de la conception de votre site, il est important de vous poser des questions. Chaque élément qui constitue vos pages doit être nécessaire, s’il n’a pas d’utilité particulière alors enlever le. Le but étant de retirer tout le superflu de vos pages. Cela va vous aider non seulement d’un point de vue écologique, mais aussi sur la rapidité du chargement de vos pages. Vous allez alors améliorer votre expérience utilisateur et votre référencement naturel. Il existe certains logiciels et certaines méthodologies afin de supprimer les fonctionnalités non essentielles lors de la conception web, mais également en fonction des zones lues ou vues par vos visiteurs. Ces processus interactifs vous permettent d’améliorer votre site au fur et à mesure de ses évolutions successives.
3. Minimiser le code
Il faut savoir que chaque ligne, chaque caractère de votre code pèse son poids. En effet, chaque caractère représente 1 octet, il est donc important de compresser votre code et de l’alléger au maximum, car même lorsque vos caractères ont été compressés, ils gardent toujours un poids qu’il ne faut pas négliger. La structure de votre page (DOM Size en anglais) est également un point qui a un impact majeur selon les études menées par le collectif Green IT. Cette taille correspond au nombre de sections interne de votre site et peut rapidement grossir si la conception de votre site est réalisée sans connaissances sur ce domaine. Afin de tester si votre page est bien structuré, vous pouvez retrouver sur Ecodesign.dev une analyse vous donnant un score et la taille associée a ce score. N’hésitez pas à contacter un expert de nos équipes afin de vous guider sur cette partie.
4. Optimiser les images pour le web
Le format de vos images joue un rôle important sur la performance de votre site et ainsi sur son impact environnemental. L’optimisation de vos images est primordiale en webdesign, il est donc nécessaire d’adopter de bonnes pratiques comme l’utilisation de formats nouvelle génération tels que les WEBP ou SVG, il faut les compresser sans perdre en qualité afin qu’elles soient les plus légères possible. Nous vous avons préparé un guide complet sur ce sujet dans cet article dédié.
5. Optimiser vos médias et vos vidéos pour le web
Comme pour vos images, vos vidéos et médias doivent être optimisés. Ils jouent un rôle prépondérant sur la performance, car plus ils sont lourds, plus la page met du temps à charger, ce qui nuit à la performance de votre site, à votre référencement, à l’expérience utilisateur et à votre impact environnemental. Pour cela, il est intéressant de faire appel au “lazy loading”, ou chargement progressif, pour charger les médias sur son site. Le chargement progressif vous permet de charger des médias sur votre site WordPress de manière asynchrone. En d’autres termes, le chargement sur votre page Web se fait à des moments différents. Lorsqu’on est en haut d’une page, il n’y a que les médias du haut de page qui sont chargés. Le reste se chargera uniquement si l’utilisateur fait défiler la page. Pour en savoir, allez lire notre article dédié à ce sujet.
6. Optimiser le côté serveur
La compression des données sur le web est le processus de réduction de la taille des données transmises par les sites web. GZIP est un algorithme gratuit, mais aussi open source, de compression et de décompression des fichiers sur un site web. Activer la compression GZIP vous permet de réduire le poids des données de vos pages et le temps de chargement de votre site. On utilise GZIP pour deux raisons, d’une part pour compresser les pages web d’un site côté serveur et d’autre part, pour la décompression des fichiers dans le navigateur de vos utilisateurs. Aujourd’hui, tous les navigateurs supportent cet algorithme GZIP pour toutes les requêtes. Retrouvez notre article dédié pour mettre en place la compression GZIP.
7. Choisir un bon hébergement vert
Le choix de l’hébergeur est essentiel dans l’écoconception web. Assurez-vous de choisir un hébergeur qui respecte les normes ISO 14001 ou 50001 et qui soit dans un centre de données alimenté par des énergies renouvelables. Chez Ethiko, nous optons pour l’hébergement vert Infomaniak.
Si vous le souhaitez, vous pouvez tester votre site web sur : https://ecodesign.dev/
Pour aller plus loin :
