L’écoconception web : créer un site web bas carbone.

La sobriété face à l’urgence climatique.

L’écoconception web est une démarche qui consiste à limiter l’impact environnemental des sites internet. En effet, le numérique est responsable de 5% des émissions mondiales de gaz à effet de serre. Il a autant d’impact sur la planète que le transport aérien réputé très polluant. En outre, il consomme 10% de l’électricité mondiale. Enfin, le poids du web a été multiplié par 115 en 20 ans !

Presque la moitié de ces émissions de CO2 sont liées aux équipements, en particulier à leur fabrication (+ de 70 matériaux sont nécessaires pour la fabrication d’un smartphone !). Et l’autre moitié est due aux data centers et aux infrastructures réseaux. Si le numérique était un pays, il représenterait environ deux à trois fois l’empreinte environnementale de la France. Greenpeace estime que cette empreinte carbone sera probablement doublée d’ici 2025. Internet deviendrait alors la première source mondiale de pollution. Il est donc clairement temps d’agir !

Supprimer le superflu.

L’écoconception web permet de répondre à cet urgence en limitant l’impact environnemental des sites internet. L’objectif est de concevoir des sites moins énergivores et donc plus respectueux de la planète sans pour autant négliger leur performance. En effet, le poids d’une page web a plus que triplé en 10 ans. Opter pour l’éco-conception web, c’est répondre à la pollution numérique en recherchant notamment l’efficience : faire autant avec le moins de ressources possibles. Cela implique de fait, de vraiment se concentrer sur l’essentiel et de supprimer le superflu. « Moins c’est mieux« , simplicité et performance. Nous percevons tout de suite un autre avantage : l’écoconception web amène à rendre l’expérience utilisateur plus simple, plus fluide, plus pertinente.

Ce sont les raisons pour lesquelles, muTum website a choisi l’écoconception web pour son activité de créateur de sites web WordPress durables et responsables à Nantes.

Il est toujours bon de partir des usages et de réfléchir à l’utilisateur final. Aujourd’hui 60% des sites visités le sont depuis un mobile. Il convient donc de concevoir votre site web en mobile first, c’est-à-dire en pensant en priorité à la version mobile. Le format de l’appareil vous contraint à limiter le contenu pour qu’il soit accessible sur petit écran. Cela vous force à synthétiser encore plus et à supprimer le superflu. Si vous concevez dans cette logique, alors votre site sera également allégé sur des écrans plus grands. Vous aurez finalement gagné en simplicité et en poids de votre site web. L’écoconception web c’est donc des pages légères, moins de requêtes serveurs et par conséquent une meilleure empreinte carbone.

« Less is more » pour les fonctionnalités.

Premièrement, il convient donc de bien définir le cahier des charges. Que ce soit pour la création d’un site internet ou la refonte d’un site existant, éliminez les fonctionnalités non essentielles ! 70% des fonctionnalités qui sont demandées par les utilisateurs ne sont pas essentielles et 45% de ces fonctionnalités ne sont pas utilisées ! C’est le moment de hiérarchiser les fonctionnalités que vous aviez initialement prévues. Avez-vous vraiment besoin d’un slider ? Est-ce que cette animation complexifie la navigation ? Vous obtenez ainsi une interface simple de prise en main, le parcours client est clair, l’expérience est fluide, sans frustration.

Il est toujours important de partir des besoins des utilisateurs mais il faut toujours se demander si la fonctionnalité envisagée est vraiment utile pour les visiteurs de mon site. De même, est-ce vraiment nécessaire pour mon entreprise ? Enfin, quelle est la manière la plus simple de répondre à cette attente ? Cette réflexion permet de vous concentrer sur ce qui est important et ce qui apporte de la valeur. Allégez donc votre cahier des charges : le planning et le budget de votre projet digital ne s’en porteront que mieux également !

Ainsi, dans l’intérêt de l’environnement, des utilisateurs, du planning et du budget, vous allez par exemple pouvoir laisser de côté l’impression automatique des pages web, les boutons de partage sur les réseaux sociaux (moins de 1% des internautes les utilisent) ou encore à l’intégration d’un module Google Maps. Je ne dis pas que c’est jamais utile, mais ça sert à rien de systématiser ! Posez-vous la question.

« Moins c’est mieux » pour le design également.

Deuxièmement, pour être plus respectueux l’environnement du point de vue du design de votre site, il convient de favoriser un design simple et épuré qui sera moins énergivore. L’écoconception c’est donc aussi adapter le graphisme et notamment éviter la surcharge d’images. Il ne s’agit pas nécessairement d’avoir zéro image, zéro visuel, mais d’optimiser leur poids et leur taille plutôt que de mettre de la haute définition partout ! En effet, ce sera tout aussi impactant et bien moins lourd à charger.

Vous l’aurez compris, il en va de même pour la vidéo, les animations 3D, la réalité augmentée, l’IA : est-ce une demande de l’utilisateur, est-ce vraiment utile et est-ce que ça apporte de la valeur ? Bannissez l’autoplay : faites en sorte que vos vidéos ne se jouent pas automatiquement sans que l’utilisateur n’ait rien demandé. Ce seront des requêtes serveurs en moins et votre site gagnera en accessibilité… En effet, l’éco-conception fait souvent bon ménage avec l’accessibilité des sites web ;-).

En termes de design, il convient également d’utiliser des polices d’écriture standards pour limiter encore une fois les temps de chargement.

Optimiser le développement et l’hébergement.

Troisièmement, l’écoconception se joue aussi sur la technique en optimisant le développement. En tant qu’utilisateur de site, vous ne le voyez pas forcément mais c’est aussi important. Il est recommandé de diminuer le nombre de requêtes par page pour réduire le nombre de serveurs nécessaires au fonctionnement du site. Pour cela, il convient également de magnifier le code pour faire en sorte qu’il y ait un minimum de lignes de code pour que le site fonctionne. Encore une fois, cela optimise les performances de votre site et le rend plus rapide, plus léger.

Côté technique toujours, hébergez votre site sur un hébergement vert qui utilise des serveurs fonctionnant à l’énergie renouvelable. Optez pour un stockage de vos données numériques sur des périphériques physique locaux : cela limite les allers-retours avec le serveur.

Affirmer son positionnement de marque.

En conclusion, l’écoconception est une démarche qui permet de réduire l’empreinte écologique de votre projet digital et de vous rapprocher des besoins réels de vos utilisateurs. Cela peut aussi être une manière d’appuyer votre positionnement de marque si le respect de l’environnement et une des valeurs de votre entreprise. Au-delà de l’impact environnemental, un site écoconçu est également moins coûteux et il offre une meilleure expérience utilisateur.

C’est quand même beaucoup plus agréable quand on navigue sur un site qui se charge en deux secondes. Non ! Pas 2 secondes ! C’est extrêmement lent comme temps d’affichage pour une page web… Ce qui nous amène aux avantages collatéraux de l’écoconception web que je développerai dans un prochain article.