6 étapes pour réduire l'empreinte carbone de votre site Web

Donnons la priorité à la durabilité du Web et travaillons ensemble pour créer un avenir numérique plus durable.

Selon Mozilla, les technologies de l’information et des communications (TIC) devraient émettre plus de carbone d’ici 2025 que n’importe quel autre pays, à l’exception de la Chine, de l’Inde et des États-Unis. Nous avons tendance à ne pas penser à l’échelle physique d’Internet, mais il s’agit d’une machine massive. Il est essentiel de prendre en compte l’énergie consommée pour faire fonctionner Internet et permettre sa croissance exponentielle.

On estime qu’aujourd’hui la technologie numérique consomme entre 5 et 9 % de l’électricité mondiale. Cette estimation est particulièrement préoccupante dans la mesure où seul un quart de notre électricité provient de ressources renouvelables. Il existe une demande croissante d’infrastructures électriques à mesure que les combustibles fossiles abandonnent les utilisations grand public et industrielles.

Il y a également des implications carbone pour la construction et l’élimination des appareils numériques. L’électronique n’est généralement pas conçue pour la longévité, la réparation ou le recyclage. Les outils numériques consomment des minéraux rares et de l’eau, et les déchets électroniques constituent un problème croissant.

J'explorerai ces aspects de la durabilité du Web et d'autres dans cet article. Bien que je me concentre sur Drupal, ces principes généraux s'appliquent à la plupart du Web, en particulier aux outils open source et aux moyens de tirer parti du travail de ces communautés. De même, je proposerai également des mesures pratiques que les gens peuvent prendre pour réduire l'empreinte environnementale de leurs sites.

1. Serveurs, réseaux et alimentation

La plupart d’entre nous ne mesurent pas l’ampleur de l’infrastructure physique d’Internet. Cela se produit à l’autre extrémité d’un mince réseau de fibres optiques. Nous ne voyons pas les milliers de racks de serveurs dans les immenses entrepôts climatisés qui gèrent nos sites Web. Nous ne voyons pas l'infrastructure physique derrière chaque saut que nos paquets Internet effectuent lorsqu'ils voyagent à la vitesse de la lumière vers nos ordinateurs portables et nos appareils mobiles.

Nous ne considérons généralement que les appareils présents dans nos maisons et nos bureaux, ceux utilisés quotidiennement et ceux au fond de nos placards. L’alimentation de nos appareils entraîne généralement des émissions de CO2, mais cela ne représente qu’une partie de son impact physique sur le monde réel. Nous devons réfléchir davantage aux effets de la construction de ces appareils. Nous devrions chercher à prolonger la durée de vie de nos appareils et veiller à ce que les composants puissent être réutilisés ou recyclés efficacement.

2. Chargement de pages Web

Au-delà des centres de données et des serveurs, nous devons considérer les coûts liés à la simple utilisation du Web. Nous savons que le poids médian des pages Web entre 2012 et 2022 a augmenté de 221 %. De nombreux sites dépendent désormais de l'utilisation d'outils JavaScript tiers, ce qui a un impact sur les performances. Nous avons également vu de nombreuses bibliothèques devenir saturées de code qui n'est pas réellement utilisé pour fournir le contenu.

[ Lisez également 5 conseils Open Source pour réduire le gaspillage dans la conception Web ]

Il y a eu de réels progrès dans les formats médiatiques modernes, mais leur adoption est lente. Les formats d'image tels que WebP et AVIF offrent des améliorations spectaculaires, mais nous utilisons souvent simplement une image de résolution inférieure. Les SVG offrent des améliorations considérables en termes de sémantique et d'évolutivité, mais sont rarement utilisés dans leur intégralité. Les valeurs par défaut ne sont pas définies pour les performances, et les gens choisissent généralement par défaut de faire la chose la plus simple. Cela impacte l’expérience client mais a également un impact significatif sur les émissions de CO2.

3. Utilisation de l'ordinateur

Un autre aspect à considérer est l’effort humain dans l’utilisation et la construction de nos outils numériques. Une expérience Web plus rapide permet aux utilisateurs d'accomplir leurs tâches et de passer à autre chose rapidement. S'assurer qu'un site Web est performant est important, mais il doit également être optimisé pour une bonne expérience utilisateur. Le contenu doit être accessible à tous, qu'ils soient ou non handicapés.

La création d’outils numériques prend du temps, et les outils complexes nécessitent souvent plus de temps à développer et à maintenir. La plupart des sites Web modernes incluent du code qui dépend de plusieurs bibliothèques de logiciels et de plusieurs personnes ou équipes. Les équipes utilisant des logiciels open source peuvent être plus efficaces car elles ne réinventent pas la roue. Un bon exemple est le CMS Drupal, qui gère plus d’un million de sites Web. Travailler avec Drupal pour créer des sites complexes permet aux concepteurs et aux développeurs de se concentrer sur la satisfaction des besoins des clients plutôt que sur la création de composants de formulaire de base. Il est difficile de rendre les interfaces simples, et nous bénéficions tous lorsque nos équipes peuvent s'appuyer sur les épaules de géants. Il est important de se rappeler que le temps consacré à la construction d’outils numériques consomme également de l’énergie et des ressources.

Les équipes numériques soucieuses du développement durable doivent être conscientes de l’utilisation finale de la technologie, et pas seulement de l’impact environnemental de l’outil lui-même.

4. Contributions au site Web du gouvernement

Sur la seule base de leur taille, les initiatives gouvernementales numériques jouent un rôle considérable dans la réduction des émissions de CO2. Souvent, les sites gouvernementaux sont lents à charger et difficiles à trouver ou à terminer la tâche prévue. Ils sont généralement construits avec des outils propriétaires existants qui ne disposent pas d’un outil de navigation commun ni d’un outil de recherche fiable. Nous savons que les combustibles fossiles alimentent la plupart des sites Web du gouvernement fédéral américain.

Le US Web Design System (USWDS) est une initiative visant à améliorer les performances et l'accessibilité des sites Web gouvernementaux. Cependant, il est possible de faire davantage, comme suivre les performances à l'échelle du site grâce à des outils tels que Lighthouse Parade, qui utilise Google Lighthouse pour évaluer si les pages suivent les meilleures pratiques.

Le Royaume-Uni est à la pointe du gouvernement numérique en soulignant l’importance de la durabilité et en démontrant comment y parvenir efficacement. Le gouvernement britannique a défini une approche stratégique en matière de TIC durables et a fourni des conseils pratiques sur ce que les agences gouvernementales devraient faire.

Le ministère britannique de l'Environnement, de l'Alimentation et des Affaires rurales décrit comment son travail est aligné sur les objectifs de développement durable de l'ONU. Le ministère de la Défense discute également de la manière dont cela s’inscrit dans ses objectifs d’économie circulaire.

5. Et Drupal ?

Drupal n'est qu'un système de gestion de contenu (CMS) parmi tant d'autres. Drupal est open source et gère plus d'un million de sites Web, soit 1 à 2 % du Web. Drupal peut facilement gérer des centaines d'auteurs et des systèmes d'autorisation complexes. Il est populaire auprès des gouvernements, des établissements d’enseignement et des grandes entreprises. Elle est également leader en matière d'accessibilité Web depuis plus d'une décennie. Il s'agit également d'une plate-forme polyvalente qui peut exploiter une couche de présentation JavaScript sans tête comme GatsbyJS ou Eleventy.

Drupal peut être très performant, mais cela est souvent négligé. Les sites Drupal utilisant GatsbyJS sont généralement très rapides car ils convertissent le contenu en HTML statique. Drupal peut également optimiser les images en termes de taille d'écran et d'octets. Drupal peut même convertir les images téléchargées par les auteurs vers des formats plus modernes comme AVIF et WebP. Les réseaux de diffusion de contenu (CDN) peuvent également contribuer à garantir que les pages mises en cache sont servies plus rapidement. L'agrégation CSS/JS a été intégrée à Core pour améliorer les performances, mais de nombreux autres éléments nécessitent la configuration d'un constructeur de site avant d'ajouter du contenu.

6. Mesures pratiques permettant aux gouvernements de créer des sites Web plus durables

Les gouvernements peuvent faire beaucoup pour réduire l’empreinte CO2 de leurs sites Web. L'utilisation d'un CDN et l'exploitation d'un frontal JavaScript comme Gatsby amélioreront les performances. Les systèmes de conception gouvernementaux tels que l'USWDS devraient être établis par défaut pour partager des CSS, JavaScript et d'autres actifs de conception communs. Le partage sécurisé d’actifs numériques optimisés signifiera que les citoyens devront télécharger moins de fichiers lorsqu’ils accéderont à différents sites.

Les sites doivent être créés pour se concentrer sur les tâches des utilisateurs. Plus que toute autre catégorie de sites Web, les sites gouvernementaux doivent être conçus pour être rapides et fonctionnels. En donnant la priorité à l'expérience utilisateur, de nombreuses étapes des processus en ligne peuvent être éliminées et les utilisateurs peuvent échanger plus rapidement les informations requises avec les agences gouvernementales et les prestataires de services. Les agences doivent s'appuyer sur les systèmes de conception existants pour prendre en charge efficacement des outils tels que le mode sombre. Le mode sombre est un moyen de réduire la consommation d'énergie des citoyens utilisant les sites gouvernementaux et de prolonger la durée de vie de la batterie des appareils.

Avoir des sites gouvernementaux hébergés dans des centres de données verts alimentés par des énergies renouvelables est un énorme avantage. Les agences gouvernementales devraient viser à soutenir les centres de données qui minimisent activement les impacts environnementaux négatifs. Il est essentiel de soutenir les entreprises qui s’efforcent de prolonger la durée de vie de leur matériel et de réutiliser ou recycler efficacement leurs composants.

Il est également important de gérer efficacement l’infrastructure back-end. L'optimisation des bases de données peut réduire considérablement les temps de chargement, tout comme Redis ou Memcached.

Dans les sprints de développement, envisagez d'utiliser des outils tels qu'Ecograder, WebsiteCarbon.com et la Green Web Foundation pour évaluer les points à améliorer.

Le Manifeste du Web durable et la section Stratégies de SustainableWebDesign.org contiennent de bonnes ressources qui méritent d'être prises en compte. Les podcasts comme Environment Variables et Green I/O fournissent une mine d'informations et aident les développeurs à se tenir au courant des meilleures pratiques.

Même si ces étapes peuvent sembler modestes, il est possible de rendre notre Web plus durable grâce à une action collective et à des changements tangibles. Nous devons donner la priorité à la durabilité du Web et travailler ensemble pour créer un avenir numérique plus durable.

Nous devons nous rappeler que même de petits impacts peuvent avoir un impact énorme lorsqu’ils sont intensifiés des millions ou des milliards de fois.