Skip to main content

Avoir un site green, c’est possible !

Il y a déjà un an, nous vous parlions de Sobriété Numérique (relire l’article) pour la simple et bonne raison que cette thématique est devenue progressivement incontournable pour l’ensemble des acteurs du Digital.

Pour rappel, la sobriété numérique est une approche visant à réduire l’impact environnemental du numérique en optimisant l’usage et la consommation des ressources. Elle englobe des mesures comme la réduction de la taille des données, l’optimisation de la performance des sites web et applications, et le choix d’hébergements éco-responsables. Objectif : réduire l’impact environnemental du numérique tout en offrant une expérience utilisateur de qualité.

Pourquoi un essor aussi rapide de la Sobriété Numérique ?
Tout d’abord, car le secteur du numérique est responsable de près de 4% des émissions mondiales de gaz à effet de serre, avec une tendance d’augmentation de +8% par an (!). Face à ces chiffres alarmants et à l’augmentation du dérèglement climatique qui frappe désormais chaque année l’ensemble des continents du monde, les professionnels comme les utilisateurs des services numériques deviennent plus attentifs, aux valeurs environnementales de leurs fournisseurs.

Quels objectifs se donner ?

Pour tenir l’objectif de réchauffement de 1,5 degrés, l’ensemble des secteurs à l’échelle mondiale doivent réduire de 7 à 8% par an leurs émissions. Le numérique a bien un rôle à jouer pour aider d’autres secteurs à se décarboner, mais il est certain qu’il ne pourra pas échapper lui-même à une baisse du même ordre de grandeur.

Alors que peuvent faire les professionnels du Digital et en particulier les gestionnaires d’applications web ? Les acteurs du numérique ont un rôle crucial à jouer en mettant en œuvre en premiers lieux :

  • des évaluations et suivi de l’impact environnemental de leurs applications
  • des optimisations afin de rendre leurs applications plus “frugales”
  • de faire des choix responsables en matière d’hébergement

Dans cet article, nous allons faire un focus particulier sur ce qu’il est le plus important à mettre en œuvre en terme de Sobriété Numérique dans les contextes de sites marchands, qu’ils soient déjà existant et en production, ou qu’ils soient en cours de conception.

Quels sont les critères à prendre en compte pour optimiser un site marchand ?

Si vous gérez déjà un site marchand, plusieurs mesures peuvent être prises immédiatement pour réduire son empreinte carbone.

Nous vous avons regroupé ici les 6 éléments clés pour rendre votre site écologique :

1- Le bon dimensionnement des images

Utiliser des images de la taille exacte nécessaire pour chaque emplacement sur le site permet non seulement de réduire le temps de chargement, mais aussi de minimiser l’utilisation de la bande passante, ce qui est bénéfique d’un point de vue environnemental en particulier si l’internaute utilise un réseau mobile 3G ou 4G.

2- La compression et le format des images

Des formats comme WebP ou AVIF offrent une excellente qualité d’image tout en étant moins lourds que les formats traditionnels comme JPEG ou PNG. Le choix du bon format et le paramétrage d’une bonne compression peut réduire drastiquement la taille des fichiers, ce qui accélère le temps de chargement et réduit la consommation d’énergie. Ces ajustements peuvent être effectués manuellement, ou bien automatisés avec des outils externes comme TwicPics.

3- La mise en place du « lazy-loading »

Le « lazy-loading » est une technique qui permet de charger les images uniquement lorsqu’elles apparaissent dans le champ de vision de l’utilisateur. Dans un site marchand, et particulièrement dans une page contenant une grande liste de produits, cette technique va énormément contribuer à économiser des ressources réseau et à améliorer la performance du site.

4- L’optimisation du code javascript

Un code Javascript mal optimisé peut ralentir considérablement un site en monopolisant des ressources inutilement sur le terminal de l’utilisateur. Les optimisations dans le Javascript peuvent s’avérer complexes lorsque le site est déjà construit, par conséquent il est très important de le prendre en compte dès la phase de conception. Il reste néanmoins possible de compresser et de “minifier” (c’est le terme) le contenu afin de le rendre plus léger sur le réseau, mais aussi de rendre le chargement asynchrone si le Javascript n’est pas indispensable pour le rendu visuel.

5- La mise en place de cache serveur

L’idée d’un cache serveur est de stocker des versions “précalculées” de tout ou partie du site, ce qui réduit considérablement l’impact du chargement de la page au niveau de la plateforme d’hébergement. De notre expérience dans la mise en œuvre d’une sobriété numérique sur des sites déjà existants, nous avons pu constater qu’une bonne gestion du cache serveur peut permettre de diviser par 10 l’empreinte environnementale du site chez l’hébergeur ainsi que les coûts d’hébergement ! C’est une optimisation gagnante sur tous les tableaux.

6- La réduction du nombre de requêtes HTTP

Chaque élément d’une page web, qu’il s’agisse d’une image, d’un fichier CSS ou d’un script, nécessite une requête HTTP pour être chargé. La réduction du nombre de ces requêtes, par exemple en utilisant des sprites CSS ou en “in-lineant” des petits fichiers CSS et Javascript, peut avoir un impact significatif sur la performance du site. A noter que dans un environnement HTTP 2.0 cette recommandation fera moins de sens car les requêtes à destinations d’un même site se retrouveront automatiquement regroupées.

Une fois mise en œuvre, l’ensemble de ces actions auront un impact très significatif sur la bonne sobriété du site. Vous aurez noté que sur une majorité de bonnes pratiques à mettre en œuvre, on constate que l’optimisation de la Performance Web et la Sobriété Numérique sont finalement étroitement liées ! En effet, ces actions d’optimisation économisent des précieuses ressources mais permettent également des gains dans les temps de chargement, ce qui va par rebond :

  • améliorer l’expérience utilisateur
  • améliorer le taux de conversion
  • améliorer le taux de rebond
  • et améliorer le classement SEO !*

*NB : Attention, ce point est largement débattu dans les diners de Noël des professionnels du SEO 😀 qui n’arrivent pas vraiment à s’accorder sur le véritable poids de la vitesse sur le référencement des pages. La difficulté réside dans l’opacité qu’entretient Google sur son algorithme de référencement d’un côté, et l’importance que Google donne pourtant au sujet de la vitesse de chargement dans toutes ses communications et outils comme Google Pagespeed Insights ou encore Google Lighthouse.

Quel hébergement pour un site “green” ?

L’hébergement est souvent négligé dans les discussions sur la sobriété numérique, mais pourtant il représente une part significative de l’empreinte environnementale d’un site web. En effet, d’après la très récente étude d’Eric Fourboul de Hubblo.org sur les impacts importés des datacenters, l’usage des centres de données utilisés par les entreprises françaises représenterait 42% de leur empreinte carbone pour la partie numérique.

Alors comment rendre cet hébergement plus écologique ? Soyons clairs, dans un premier temps l’action la plus importante reste de rendre le site le plus “sobre” possible afin qu’il nécessite très peu de ressources pour son fonctionnement ! Une fois cette opération réalisée, alors il sera encore plus vertueux d’aller utiliser ces ressources informatiques auprès d’un hébergeur ayant travaillé également son empreinte environnemental (par exemple Neutral IT)

Pour juger des aspects environnementaux de l’hébergeur, plusieurs critères doivent être pris en compte :

1- L’efficacité énergétique du centre d’hébergement

Il s’agit des mesures prises pour optimiser l’efficacité énergétique des serveurs et des installations. Cela peut inclure des systèmes de refroidissement avancés et une gestion efficace de la consommation électrique. L’unité généralement utilisée pour décrire cette efficacité est le PUE pour “Power Usage Effectiveness”. Dans cette notation, plus la note est proche de 1 et plus l’efficacité est bonne. Nous vous invitons donc à bien comparer les offres d’hébergement au regard de ce critère.
Relire notre article l’hébergement éco-responsable

2- Le pays d’hébergement et son mix électrique

La plateforme d’hébergement est-elle située dans un pays où l’électricité est peu carbonée ? Ce critère est important, car rien qu’à l’échelle de l’Union européenne, l’utilisation de l’électricité par les centres de données va émettre des émissions extrêmement différentes selon les pays. Typiquement, quand un serveur émet 85g de CO2 en France, un serveur identique en Irlande émet 350g de CO2 en Irlande ou 630g en Pologne (!).

3- La source d’énergie

L’hébergeur utilise-t-il des énergies renouvelables pour alimenter ses data centers ? Au-delà du mix électrique du pays, il est assez logique de privilégier les hébergeurs qui investissent investissent dans la production d’énergie renouvelable comme l’éolien, le solaire ou l’hydroélectricité. Opter pour un hébergeur qui s’engage à utiliser 100 % d’énergie renouvelable peut faire la différence dans votre démarche de Sobriété Numérique. Au-delà de vos efforts d’optimisation, c’est aussi une excellente manière de réduire l’impact carbone de vos usages numériques restants.

4- Certification environnementale

Lors de votre choix d’hébergeur, il est important de vérifier si celui-ci détient une certification environnementale, notamment l’ISO 14001. Cette certification est un gage de qualité et d’engagement en matière de gestion environnementale. Elle atteste que l’hébergeur a mis en place un système de management environnemental visant à réduire son impact écologique de manière continue. Ce critère est souvent un indicateur fiable de la volonté de l’entreprise à s’engager dans une démarche éco-responsable.

Comment mesurer la Sobriété Numérique ?

Vous avez sûrement déjà entendu l’adage qui dit qu’on ne peut pas améliorer ce qu’on ne mesure pas. Sur ce point, la Sobriété Numérique ne fait pas exception ! Certes il est toujours possible de s’améliorer “à l’aveugle” mais cela ne pourra pas être efficace car vous n’aurez aucune garantie que les points que vous optimisez sur vos sites sont les plus importants.

Pour faire un premier état des lieux de votre Sobriété Numérique, notre partenaire Quanta a lancé cette année un outil gratuit en ligne : Quanta.green. Ce site vous permet d’obtenir instantanément votre Score de Sobriété Numérique, une notation calculée sur la base de l’impact du site en équivalent CO2 émis par clic sur le site, ainsi que d’une notation de respect des principes de l’éco-conception. Le tout donne un score unifié sur 100, présenté également en lettre de A à F comme un NutriScore(c) mais pour les sites Internet :

Pour aller plus loin, vous pouvez ensuite opter pour des outils davantage orientés sur la présentation des axes d’améliorations. Toujours gratuitement, les développeurs peuvent utiliser la console de Chrome pour repérer des éléments tels que le poids des pages, le nombre de requêtes serveur et le temps de chargement. Cependant, réaliser ces recherches manuellement sur l’ensemble des pages du site sera fastidieux et les priorités ne seront pas simples à identifier.

Si vous cherchez une analyse plus complète et automatisée, Quanta dans sa version payante offre la possibilité de faire des tests réguliers pour identifier précisément les éléments à améliorer sur l’ensemble des pages de votre site notamment via un moteur de Real User Monitoring. Ainsi, vous pourrez travailler l’empreinte environnementale de votre site de façon efficace et “ROIste” en commençant par les améliorations ayant le plus de poids en premier.

Conclusion

Dans un contexte de prise de conscience et d’attente de plus en plus importante des consommateurs envers les engagements environnementaux des marques, la Sobriété Numérique ne devient plus une option mais une nécessité. La bonne nouvelle est que cette démarche de Sobriété Numérique représente plusieurs co-bénéfices comme l’amélioration de l’expérience utilisateur ou encore la réduction de coûts en hébergement, des raisons supplémentaires pour se lancer !

Que cette démarche soit menée lors du démarrage d’un projet ou bien en amélioration d’un site existant, les outils et méthodes sont accessibles et à portée de tous. En tout premier lieu, un test de quelques minutes sur Quanta.green permettra d’en savoir + sur le niveau actuel du site. Et pour entreprendre une démarche d’amélioration, les équipes TBD et Quanta se tiennent à votre disposition pour vous accompagner sur ce sujet.

A propos de Quanta

La société Quanta est dans une mission de rendre le Web soutenable vis à vis des limites planétaires. Pour se faire, elle offre des services gratuits et payants selon les cas permettant d’agir concrètement sur la réduction de l’empreinte environnementale des sites Internet. Depuis 2021, Quanta s’est par ailleurs engagée dans une démarche de réduction de ses propres impacts environnementaux du numérique afin de rester dans le scénario 1,5 degrés. A date, Quanta a dépassé cet objectif et affiche une baisse continue de -10% par an en moyenne.

fr_FRFrançais