Le stockage et l’échange d’information, que ce soit par courriel ou la visite de site web, a pris une telle ampleur dans nos vies que le web est une composante de l’empreinte carbone des organisations. Le numérique représente environ 4 % des émissions mondiales de GES, en croissance constante.
Alors, comment faire pour réduire cette empreinte du côté de votre site web?
L’écoconception web, plus qu’une tendance
Comme dans bien des démarches, certaines personnes seraient tentées de croire que l’écoconception est un simple mot pour faire du « greenwashing » de marque, alors que les organisations tentent parfois de se donner belle figure au niveau du développement durable.
En réalité, il s’agit d’une démarche réfléchie qui touche plusieurs aspects de la conception web, en débutant par le graphisme jusqu’à l’hébergement en passant par la programmation.
Le principe de base
Essentiellement, le principe de base de l’écoconception est simple : un site web doit consommer le moins de ressources possible lors de sa consultation. On parle bien ici de consultation, et non de conception! Car il faut garder en tête que, chaque fois qu’une page web est consultée, celle-ci requiert des ressources et c’est de là qu’émane la fameuse empreinte carbone. Une simple page web peut générer entre 0,5 g à 5 g de CO₂ par consultation.
L’idée est donc de faire en sorte qu’un site web soit conçu de façon à limiter, autant que possible, sa consommation de ressources. Voyons concrètement ce que ça veut dire.
Quelques bonnes pratiques en écoconception web
Un hébergement écoresponsable
Nous sommes chanceux, au Québec nous pouvons compter sur de nombreux hébergeurs de qualité qui peuvent compter sur un apprivoisement électrique d’une source renouvelable! C’est bien entendu le choix que nous faisons chez Eklore!
Mais attention, malgré le choix de fournisseurs locaux, certaines firmes se tournent vers des hébergeurs américains ou européens qui ne peuvent offrir cet avantage écoénergétique.
Un design simple et fonctionnel
Un design épuré ne veut pas dire « plate » pour autant! Il est possible de faire de belles pages web sans pour autant les surcharger d’éléments superflus. Il faut donc prendre soin d’équilibrer le tout. Chez Eklore, ça se traduit notamment par :
- Éviter les animations: visuellement intéressantes, les animations sont la plupart du temps inutiles! Elles n’offrent pas de contexte supplémentaire pour comprendre l’information. En évitant de recourir à des animations, cela permet de limiter la quantité de données à charger.
- Des mises en pages simples : pourquoi ne pas aller à l’essentiel? Après tout, l’internaute cherche une information, facilitons-lui la vie! Alors, nous évitons d’allonger les pages inutilement avec des éléments de remplissage.
- Des éléments réutilisés : plutôt que de multiplier les images ou autres éléments graphiques, le fait de les réutiliser (surtout s’ils sont mis en cache) permet d’alléger le chargement d’une page.
- Un recours limité à la vidéo : la mode des vidéos sur la page d’accueil semble bien derrière nous. Ça tombe bien, car malgré le dynamisme que cela pouvait sembler apporter à un site, il s’agit en réalité d’une pratique énergivore (eh oui!) qui vient rarement ajouter à l’expérience utilisateur. Cela dit, la vidéo demeure un moyen intéressant pour véhiculer certaines informations, mais le fait d’en avoir une sur l’accueil, qui joue automatiquement à chaque visite, n’est pas la meilleure des idées.
Des fonctionnalités essentielles seulement
Vous connaissez l’expression « En as-tu vraiment de besoin? » C’est l’un des principes que nous appliquons en conception web et qui trouve justement écho du côté de l’écoconception.
En limitant les fonctionnalités à ce qui est réellement essentiel, cela évite de devoir utiliser des extensions qui ajoutent à la consommation de ressources et qui, la plupart du temps, sont sous-utilisées par les visiteurs.
Des images adaptées et optimisées
Les images, même si nous tentons de limiter leur quantité, sont partie prenante des sites web. Il faut donc s’assurer que leur poids soit optimisé pour limiter encore une fois les ressources requises pour la consultation du site.
Il s’agit non seulement de limiter le poids des images, mais également de choisir le meilleur format possible. Par exemple, une image SVG sera beaucoup légère qu’un PNG transparent.
Du code optimisé
Un autre élément clé est l’optimisation du code derrière le site. Chez Eklore, par exemple, nous utilisons WordPress. Ce système est régulièrement mis à jour et bénéficie donc d’un code optimisé en temps réel. D’autres composantes du site vont également avoir leur propre code, que ce soient des extensions ou des « librairies de code » externes. Nous veillons donc à limiter leur usage pour éviter une utilisation inutile des ressources.
Les bénéfices de l’écoconception
Au-delà de simplement réduire l’empreinte carbone, l’écoconception web génère d’autres bénéfices tangibles pour les visiteurs et les organisations.
Meilleure performance
En optimisant le code et les images ainsi que limitant le recours à des animations, les pages web optimisées pour l’écoconception ont généralement des temps de chargement plus rapides, ce qui est plus intéressant pour l’internaute et les moteurs de recherche. Oui, vous pouvez améliorer votre SEO!
Maintenance facilitée et durée de vie augmentée
Oui, un peu comme une voiture, les sites web ont besoin de maintenance pour perdurer dans le temps. En limitant les fonctionnalités (et les extensions) et en optimisant le code, tout en se basant sur un outil performant comme WordPress, la mise à jour est facilitée : moins de risque de conflits ou de code à mettre à jour.
Un site plus accessible
En simplifiant la structure des pages, en limitant le recours à des images ou à des animations tout en limitant les fonctionnalités superflues, votre site partira sur de bonnes bases alignées avec les bonnes pratiques du World Wide Web Consortium (W3C). Sans dire que votre site respectera tous les critères WCAG, vous y gagnerez quelques points!
Une économie de coûts
Finalement, un des avantages de l’écoconception peut être la facture! Il ne devrait pas vous en coûter plus cher qu’un autre site, au contraire. Pourquoi? En optant pour un design épuré et des fonctionnalités essentielles seulement, le temps de programmation devrait en être réduit.
Par exemple, les fameuses animations évoquées plus haut illustrent bien ce point. Le fait de ne pas y recourir vient réduire le temps nécessaire à la programmation. Par conséquent, ça devrait se refléter, positivement, sur votre facture.
À plus long terme, les mises à jour et les développements devraient également être plus simples, car le code optimisé et le recours limité à des extensions faciliteront le tout!
En conclusion
En conclusion, on pourrait dire que « less is more » en termes d’écoconception web. En limitant les artifices, en simplifiant la structure du site, en misant sur la simplicité, vos visiteurs en sortiront gagnants et vous aussi… et potentiellement votre budget également!
Et pas besoin de tout refaire du jour au lendemain. Chaque geste compte : choisir un hébergeur vert, réduire le poids des images, repenser une animation… Vos pouvez améliorer votre bilan une étape à la fois!
Quelques ressources pour aller plus loin
Pour aller plus loin, vous pouvez mesurer la consommation énergétique de votre site avec quelques outils gratuits :
- Site web : https://www.websitecarbon.com/
- Site web : https://www.eco-conception-web.com/
- Extension Google Chrome : https://chromewebstore.google.com/detail/greenit-analysis/mofbfhffeklkbebfclfaiifefjflcpad?pli=1