Même si cela peut paraître assez abstrait, l’impact de la pollution numérique sur le climat n’est plus à démontrer. Le numérique représente aujourd’hui 3,7 % des émissions de gaz à effet de serre dans le monde, et ça ne fait qu’augmenter. Une bonne raison de vouloir créer un site web éco-responsable !
En effet, toute page web chargée génère un certain nombre de requêtes auprès du serveur qui héberge le site, pour pouvoir être visible sur l’écran de l’utilisateur. Plus une page est lourde et plus son chargement consomme d’énergie électrique ⚡. Le but est donc, entre autres, de minimiser au maximum le poids de vos pages pour réduire leur impact sur l’environnement.
Au-delà de l’argument écologique, c’est aussi la performance du site qui est visée. Un site éco-conçu est léger et rapide à charger, et offre donc une meilleure expérience utilisateur. Selon une étude réalisée par Google, 53 % des internautes sur mobile abandonnent leur visite si le temps de chargement d’une page est supérieur à 3 secondes ! Un site léger est également mieux référencé par les moteurs de recherches.
Pour résumer : un site éco-conçu, c’est donc un site qui a un impact modéré sur l’environnement 🌳 mais c’est aussi un site qui est mieux positionné dans les résultats de recherche et sur lequel les internautes passeront plus de temps !
Je vous propose donc de découvrir dans cet article 5 clés faciles à appliquer, pour vous permettre d’optimiser votre site ✨.
- Réfléchir à la pertinence des contenus pour un site web ergonomique et éco-responsable
- Rationaliser les fonctionnalités et animations : un indispensable pour un site internet écologique
- Optimiser les images pour un site web plus léger
- Utiliser un hébergeur vert pour créer un site web éco-responsable
- Utiliser des outils de mesure et les bons plugins WordPress
1️ réfléchir à la pertinence des contenus pour un site web ergonomique et responsable
La première chose à faire pour créer un site web éco-responsable est de réfléchir à son arborescence, dans une démarche d’efficacité. L’organisation des pages, leur structure ainsi que leur contenu doivent répondre aux objectifs du site : informer, partager, vendre…
- Toute page non essentielle doit être supprimée et chaque élément inséré dans le site doit avoir une réelle utilité. Rien qu’un seul élément chargé inutilement nécessite en effet déjà une certaine quantité d’énergie et alourdit la page !
- De plus, une navigation claire aura une incidence positive sur le poids du site mais aussi sur l’expérience de l’internaute. L’utilisateur ne se perdra pas dans les méandres d’un sous-menu caché, et accèdera intuitivement à l’information dont il vraiment besoin. Une bonne manière de garder son attention ! Dans le cadre de ma prestation de création de sites web, il est ainsi possible de faire appel à mes services pour vous accompagner dans la création de l’arborescence de votre site.
- De même, on évite les doublons inutiles de contenu, aussi mauvais pour le référencement du site par les moteurs de recherche (qui voient cela d’un mauvais œil), que pour le poids des pages.
2️ rationaliser les fonctionnalités et animations, un indispensable pour un site internet écologique
Un autre aspect essentiel pour la création d’un site web éco-conçu est de limiter au maximum les fonctionnalités et animations. Celles-ci nécessitent en effet de nombreuses requêtes au serveur et pèsent très lourd dans le chargement de votre page. Alors on ne garde que le nécessaire !
- C’est simple : plus un site est épuré et minimaliste, plus il est éco-responsable (et plus il s’inscrira dans les codes actuels du webdesign). Il faut donc se poser les bonnes questions : ces sliders ou ces vidéos sont-elles vraiment indispensables ? Dans le cas de la présentation d’une équipe, a-t-on vraiment besoin de tous ces portraits en gros plan ? Une image de groupe ne suffirait-elle pas, en plus de transmettre un message positif de cohésion ? A-t-on vraiment besoin d’intégrer un service GoogleMaps pour seulement afficher un emplacement ? Un simple plan sous forme d’image ne ferait-il pas l’affaire ?
- L’objectif est de trouver des alternatives qui peuvent facilement remplacer des éléments gourmands en ressources, tout en se faisant plaisir aussi bien sûr !
3️ optimiser les images pour un site web plus léger et rapide
Dans le même esprit, compresser ses images est indispensable pour créer un site web respectueux de l’environnement. Réduire leur poids vous permettra de limiter considérablement le temps de chargement, tout en préservant leur qualité.
➡️ Pour cela, différentes solutions s’offrent à vous :
Si vous utilisez Photoshop, vous pouvez exporter votre fichier pour le web (Exportation > Enregistrer pour le web). Vous aurez accès aux paramètres du fichier, à sa taille et à sa qualité qui seront optimisés.
De nombreux autres outils plus simples d’accès et faciles à utiliser sont également disponibles en ligne pour compresser vos images. Vous pouvez par exemple utiliser TinyPng ou encore IloveImg.
Le mieux est donc de compresser les images avant de les charger sur votre site. Même si de nombreux CMS (systèmes de gestion de contenus) comme WordPress proposent de le faire eux-mêmes ou via un plugin téléchargé, le poids du site sur le serveur sera quand même davantage impacté si l’image originale a été chargée. Si cela vous semble trop compliqué ou chronophage, vous pouvez tout de même utiliser un plugin WordPress. ReSmush.it ou EWWW Image Optimizer sont par exemple très efficaces.
A vous de trouver le bon équilibre entre le contenu que vous souhaitez partager et le poids du site !
4️ trouver un hébergeur vert pour créer un site web éco-responsable
Même si vous réduisez au maximum l’énergie indispensable au chargement de votre site web, vous devrez dans tous les cas stocker les fichiers du site sur un serveur qui aura besoin d’énergie pour fonctionner. Utiliser un hébergeur éco-responsable est donc une piste très intéressante pour réduire l’impact de votre site.
- L’hébergeur peut choisir d’utiliser des énergies renouvelables pour faire tourner ses serveurs. Il peut aussi limiter sa consommation d’énergie en refroidissant ses serveurs par de l’air extérieur ou en réutilisant la chaleur produite pour chauffer des bâtiments.
- ⚠️ Pour vous assurer de l’engagement de l’hébergeur, il est possible de regarder son indicateur d’efficacité énergétique (PUE) et s’il possède une ou des certifications ISO. Par exemple, Infomaniak, hébergeur suisse utilisé par Graine de Lin et que je conseille dans le cadre de mes services de création de site web a un PUE inférieur à 1,1 (contre une moyenne européenne à 1,46) et est certifié ISO 14001 et ISO 50001, ce qui l’oblige au respect de normes environnementales et de performance énergétique stricts.
- Enfin, pour vérifier qu’un site web utilise un hébergeur vert, vous pouvez aussi rentrer son URL sur le site de The Green Web Fondation.
5️ utiliser des outils de mesure et les bons plugins WordPress
Un certain nombre d’outils existent pour faciliter la vie des concepteurs de sites éco-conçus. De nombreux plugins gratuits sont proposés pour les sites réalisés sous WordPress (en plus de ceux cités précédemment), par exemple :
✔️ WP Super Cache : plugin de mise en cache du site. Il permet de limiter les requêtes et améliorer la vitesse de chargement ;
✔️ Autoptimize : plugin qui permet d’améliorer les performances globales du site en optimisant son code ;
✔️ Lazy Load : plugin qui permet de ne charger que le contenu visible par l’utilisateur et non la page entière. Le contenu est téléchargé au fur et à mesure du déroulement de la page.
Des outils de mesure gratuits de performance écologique du site sont aussi disponibles en ligne, comme GT Metrix. GT Metrix est un outil plus technique qui génère un rapport de performance et permet d’identifier les principaux « problèmes ».
Cette sélection vous a permis d’avoir un aperçu de ce qu’il est possible de faire pour réaliser un site web éco-responsable. Comme vous le voyez, réduire l’impact environnemental de votre site web, c’est avant tout connaître les bons réflexes à avoir dès sa conception. En faisant appel à mes services de création de site web, vous serez donc assuré que ces bonnes pratiques seront appliquées !
