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

28 octobre 2022 | Pollution numérique

Aujourd’hui, le numérique est non seulement responsable de 6 % des émissions carbone dans le monde, mais aussi de 10 % à 15 % de la consommation électrique mondiale (soit 223 millions de tonnes d’émissions de CO2 par an.) Ainsi s’il était un pays, le numérique serait le 3ème consommateur mondial d’électricité après la Chine et les États-Unis.

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

L’éco-conception web permet de réaliser des sites internet en alliant performance et respect de l’environnement. L’objectif est de concevoir des sites internet moins énergivores tout en améliorant leurs performances.

Dans cette démarche, l’ensemble du cycle de vie du service numérique doit être pris en compte : création du site, vie du site, et fin de vie du site.

Les bonnes pratiques de l’éco-conception web :

De nombreux référentiels pourront vous expliquer comment bien éco-concevoir un site web. Mais en allant à l’essentiel,  voici ci-dessous les principales bonnes pratiques à adopter pour éco-concevoir son site internet et réduire ses émissions carbone.

Optimiser les fichiers images : 

Pour respecter les bonnes pratiques de l’éco-conception, il est important d’intégrer l’optimisation des images sur votre page web, avec les bonnes dimensions. En plus du choix du  bon format (jpeg, png, webp ou svg), la résolution de l’image doit être égale à celle de l’affichage maximum de votre page web. Pour plus de détails, découvrez comment optimiser une image pour le web sur notre article de blog.

Rationaliser et optimiser les fichiers vidéos :

Dans une démarche d’éco-conception, il est essentiel de réduire l’utilisation de la vidéo. Afin de ne pas retirer toutes les vidéos de votre site web, vous pouvez privilégier  deux comportements : 

  • Compressez vos vidéos et choisissez la bonne résolution, cette pratique réduira le poids du fichier sans négliger la qualité visible de celle-ci.
  • Réduire au maximum l’usage du chargement automatique des vidéos, et privilégier un chargement uniquement lorsque l’utilisateur souhaite la visionner

Simplifier le parcours utilisateur :

Simplifier le parcours utilisateur permet de réduire le nombre de pages et les données à charger sur votre page web. Vos affichages, mettront moins de temps à charger et votre site  présentera une empreinte carbone moins importante. Cette démarche d’UX permet également de rendre l’accès aux informations et fonctionnalités plus simple.

Choisir les bonnes typographies :

Le choix de la typographie fait également partie des secrets de l’éco-conception. En effet, les polices ont un certain poids. Lors de la  conception du design du site, l’idéal est de veiller à charger le moins de  typo possible. Il est ainsi possible de choisir des typographies présentant des variations ensuite réalisées en CSS (graisse et taille de typo).

En limitant à 3 à 4 typos au maximum les chargements sur le site, celui-ci y gagnera en accessibilité, et en poids de chargement. Ensuite, concernant les extensions de typo, choisissez-le .woff2. Ce format permet de réduire parfois de 90% les ressources chargées, et contribue donc à la sobriété numérique, sans  modifier l’affichage du contenu.

La question de l’utilité des fonctionnalités : limiter les widgets et plugins inutiles :

Les widgets et les plugins utilisent des ressources importantes. Il est donc important de se poser la question de l’utilité de la fonctionnalité. 

Quelques exemples concrets : 

  • Un chatbot sur le site web ? Oui mais, pourquoi et pour qui ? Un chatbot représente souvent 25% de l’empreinte carbone du site web …S’il est très peu ou pas utilisé, d’autres solutions sont possibles (lien vers le formulaire de contact ou de support par exemple). 
  • Afficher les derniers posts Facebook ou Twitter sur la page d’accueil ? Les plugins ou scripts chargés pour cela sont souvent les ressources les plus énergivores d’une page d’accueil. 
  • Les plugins de liens vers les réseaux sociaux ? Ils sont souvent très consommateurs également, alors qu’ils peuvent être remplacés par de simples liens dans le header et le footer du site.

De nombreux exemples existent. Mais à chaque fois, c’est la question de l’utilité qui se pose. Avec Greenoco, vous pourrez identifier l’impact carbone de ces différentes fonctionnalités et prendre votre décision en conséquence. 

Le choix de son hébergeur : 

Un hébergement nécessite d’avoir des serveurs fonctionnant 24h/24H. Ces datas-centers ont un impact important sur l’environnement et consomment beaucoup d’électricité. En effet, si le secteur du web était un pays, il serait le 3ème consommateur d’électricité mondial.

Si vous utilisez un hébergeur se situant aux US par exemple, l’énergie électrique utilisée pour alimenter les data center sera en moyenne 8 fois plus carbonée qu’en France. Vous venez donc de multiplier par 8 ces émissions de CO2. De plus, les informations traversent l’Atlantique à longueur de journée, avec des consommations électriques de réseau importantes. Utiliser un hébergeur français (si votre audience est principalement en France), permet en outre de développer un écosystème numérique plus important en France, et des emplois sur le territoire.

Minifier et compresser votre code :

Pour améliorer les performances de votre site web, vous devez garder en tête que chaque ligne et caractère de votre code compte. Sans modifier votre code, vous pouvez simplement le minifier et le compresser, afin de réduire la bande passante utilisée. En minifiant et compressant les fichiers CSS, HTML et JS, vous réduirez leur empreinte carbone. Des plugin en backoffice de gestion de cache permettent généralement de réaliser ces tâches de façon automatisée.

Quels sont les avantages de l’éco-conception web ?

Grâce à l’éco-conception web, vous disposerez d’un site internet plus performant et plus durable dans le temps. Ce qui améliore l’expérience utilisateur. Votre site internet permettra d’afficher les éléments nécessaires à votre activité, en supprimant tous les éléments superflus.  

Ce dernier utilisera donc moins de bandes passantes, d’espace de stockage, et d’énergie électrique. Cela peut aussi vous permettre de réduire les factures d’hébergement, ou d’infrastructure IT si vous disposez de votre propre datacenter. De plus, vous vous engagez dans une démarche écologique et respectueuse de l’environnement. Vous diminuez considérablement votre empreinte carbone et pouvez attirer des nouveaux clients, qui eux aussi cherchent à réduire leurs émissions.

Comment réduire les émissions carbone de son site web ?

Pour aller plus loin dans la réduction des émissions carbone de votre site web, vous pouvez utiliser Greenoco. Notre outil mesure l’empreinte carbone des sites web, et identifie les optimisations permettant de la réduireL’outil est basé sur un algorithme prenant en compte l’audience, l’hébergement et les ressources du site web, pour calculer les émissions carbone globales sur une période donnée. 

Cet algorithme permet également d’identifier toutes les optimisations possibles, pour les classer par ordre d’importance et d’économie de CO2. Vous saurez ainsi  lesquelles optimiser en priorité pour rendre votre site plus léger, plus rapide à charger, tout  en améliorant votre SEO et l’expérience utilisateur.

Conclusion :

Chez Greenoco, nous travaillons à réduire l’impact carbone des sites web et à encourager l’éco-conception pour tendre vers un numérique plus sobre et plus vertueux. Nous aidons nos clients à réduire l’empreinte carbone de leur site web. En proposant des solutions ou encore des stratégies pour réduire ces émissions, tout en améliorant l’expérience utilisateur et le référencement naturel, nous contribuons à un web plus vert.

Vous souhaitez connaître l’empreinte carbone de votre site ? Contactez-nous, pour plus d’informations ! Ou bien créez votre compte sur Greenoco, et laissez-vous guider pour améliorer dès maintenant la sobriété de votre démarche numérique.

Développer des solutions numériques

engagées pour le climat

Qu’est-ce que l’inclusion numérique ?

Qu’est-ce que l’inclusion numérique ?

Définition  L’inclusion numérique est un processus qui vise à rendre le numérique accessible à chaque personne et à lui transmettre des compétences numériques qui pourraient être un levier de leur insertion sociale et économique. Enjeux de l’inclusion numérique  Les...

lire plus
Quel est l’impact carbone de ChatGPT et de l’IA ?

Quel est l’impact carbone de ChatGPT et de l’IA ?

Qu’est-ce que l’intelligence artificielle ? L'intelligence artificielle (ou IA) repose sur des algorithmes très consommateurs de données, souvent personnelles, et son utilisation nécessite le respect de certaines précautions.  L'intelligence artificielle est devenue...

lire plus