Comment créer un site web écoresponsable ?

‍Quel est l’impact du numérique ?

Chaque jour, de nouveaux sites apparaissent sur Internet, mais l’impact du numérique reste non négligeable sur l’environnement. Une page web produit en moyenne 1,76 g de CO2 par visite. Avec des chiffres qui explosent d’année en année et de plus en plus de pages créées, le numérique représente 4 % des émissions de gaz à effet de serre dans le monde et la moitié concerne seulement Internet. L’empreinte du secteur est proche de celle de l’aérien (4-5 %), un constat alarmant pour la poursuite du développement du numérique dans la vie quotidienne.

Voici la liste des éléments numériques qui impactent le plus l’environnement d’après l’ADEME :

• Les équipements (ordinateurs, smartphones, tablettes, etc.) = 65 % à 90 % selon les indicateurs
• Les data centers = 4 % à 22 % selon les indicateurs
• Les réseaux = 2 % à 14 % selon les indicateurs

Depuis 2017, les GAFAM (« géants du net ») mettent en place des dispositifs pour limiter leur impact avec l’utilisation de 100 % d’énergies renouvelables. Néanmoins, les grandes entreprises ne sont pas les seules à pouvoir changer les choses, puisque les utilisateurs et les sites web peuvent également modifier leur mode de consommation.

‍

Comment mesurer son impact ?

Naviguer de page en page n’émet pas la même quantité de CO2, tout dépend de l’empreinte carbone des différents sites web. Il est pratiquement impossible de le savoir en se rendant seulement sur le site, il faut pouvoir mesurer son impact environnemental.

Pour rappel, l’impact provient généralement d’un nombre de requêtes trop important ou d’un poids général élevé. Les différentes mesures se font donc sur le nombre de requêtes envoyées, le temps de chargement des pages et le poids en Mo.

Tous ses indicateurs permettent de déduire l’émission de CO2 d’une page. Ils ne donnent pas une donnée précise et exhaustive, simplement une évaluation en fonction des différents paramètres qu’ils prennent en compte. Voici une liste de quelques outils qui vous permettront d’évaluer l’impact écologique de votre site :

• Ecoindex, cet outil en ligne et gratuit permet d’évaluer une page web à partir d’une simple URL. Il prend en compte la complexité de la page, le poids des données et le nombre de requêtes.
• Ecograder est un outil qui permet d’analyser en profondeur son impact. Il propose un rapport qui suggère des améliorations de performance et d’expérience utilisateur.
• Cabin est un outil qui utilise également l’URL pour faire son évaluation. Il s’appuie davantage sur la consommation d’énergie des serveurs, l’optimisation des ressources ou le nombre de requêtes.
• Green-IT est une extension Chrome qui permet d’évaluer les conséquences environnementales d’une visite sur un site. Il se base sur la taille de la page, la taille du domaine, le nombre de requêtes, le CO2 produit ou l’utilisation de l’eau pour le fonctionnement de la page.

‍

‍

‍Pourquoi choisir la conception d’un site écoresponsable ?

Les sites web écoresponsables présentent souvent des points qui peuvent freiner les plus convaincus : le coût et la durée de conception. La conception ou la refonte du site passe forcément par des fonctionnalités différentes (hébergement sur des serveurs verts, utilisation de technologies éco-responsables, etc.) qui peuvent augmenter le temps de développement. En fonction de la complexité du cahier des charges et de votre projet, le coût peut varier de quelques centaines à plusieurs milliers d’euros.

‍

Un site SEO-Friendly

Un site web écoresponsable présente aussi de nombreux avantages pour vous et votre entreprise. Souvent méconnue et sous-estimée, la conception durable répond parfaitement aux exigences du référencement SEO.

Facile d’utilisation et plus rapide, le site vous permettra de convertir beaucoup plus facilement vos prospects en clients. Les études montrent qu’entre 60 % et 70 % des internautes quittent un site lorsque la navigation est trop difficile. Ce passage à l’écoresponsabilité ne peut être que bénéfique pour vous.

‍

En phase avec son identité

Aujourd’hui, les internautes sont de plus en plus sensibles à la cause environnementale, il est donc important pour les sites web, et par conséquent à leur entreprise, d’accorder une grande importance à l’écologie.

Pour être cohérent avec votre identité et votre discours, le site écoresponsable est une opportunité à ne pas rater. C’est également un excellent moyen pour attirer de nouveaux clients et des partenaires qui partagent les mêmes convictions.

‍

Valoriser ses actions

La mise en place d’un site écoresponsable permet également de mettre en lumière votre travail et vos efforts. La communication de cette information peut vous permettre de crédibiliser votre site et d’encourager les utilisateurs à s’identifier à votre marque.

Un site écoresponsable montre également votre capacité à vous remettre en question et à mener des actions concrètes sur les sujets qui vous tiennent à cœur. Les bonnes pratiques, mises en avant pour un site durable, vous obligent également à vous améliorer constamment dans votre fonctionnement de travail.

‍

‍

Comment créer un site écoresponsable ?

Vous avez pris votre décision et vous avez décidé de développer votre site web écoresponsable ? Pas de panique, nous vous expliquons les bonnes pratiques pour concevoir ou utiliser la refonte de votre site pour devenir écoresponsable.

‍

L’hébergement

La prise de décision qui a le plus d’impact sur votre empreinte carbone est la sélection de votre hébergeur. Dès le début de la conception, vous pourrez réduire l’impact des serveurs, l’un des principaux émetteurs de CO2 dans le secteur numérique, avec votre choix.

Des hébergeurs verts existent. Ils utilisent ou compensent les émissions de carbone pour être plus respectueux de l’environnement. Certains hébergeurs utilisent également des énergies renouvelables pour leurs infrastructures.

Privilégier un hébergeur basé en Europe permet également d’éviter aux données de traverser le monde entier pour revenir sur les écrans de vos clients. La meilleure action est donc d’en discuter directement avec votre hébergeur pour connaître sa position par rapport à l’écoresponsabilité.

‍

La conception

Pour votre site web écoresponsable, le design et la charte graphique ne doivent pas être trop complexes. Il faut privilégier un design épuré avec un peu moins d’éléments visuels complexes, comme la 3D par exemple. L’utilisation de couleurs plus gourmandes en énergie (le blanc consomme 60 % plus que le noir par exemple) est également à limiter.

Au-delà de son impact environnemental, un design clair et simple sera toujours plus lisible pour un internaute. Les conceptions trop lourdes mettent plus de temps à charger et les utilisateurs partiront plus facilement.

Conservez donc seulement le nécessaire. La simplicité est le maître mot pour un site web écoresponsable, mais il rime également avec efficacité. De nombreux sites sont très longs et multiplient les liens sans que les utilisateurs cliquent dessus.

Il faut donc prioriser le lien que vous souhaitez promouvoir et faciliter l’expérience utilisateur. Vous pouvez donc opter pour une architecture assez sobre, un site mobile-first, des fonctionnalités limitées, mais ciblées, et surtout un design simplifié.

‍

Le développement

Déjà évoqué un peu plus haut dans l’article, mais le chargement des pages est un grand vecteur d’émissions de CO2. Certains points sont donc importants pour une utilisation optimale :

• Réduire le nombre de requêtes en erreur
• Limiter le nombre de requêtes HTTP
• Limiter le nombre de fichiers CSS et JavaScript

Pour ce dernier point, la mise en cache est un processus qui permet de télécharger et stocker les éléments de page comme les visuels, CSS ou JavaScript au plus proche de l’utilisateur. Au lieu d’aller les récupérer auprès du serveur, l’internaute obtient ces données à l’emplacement du cache lorsqu’il revient sur la page. Les performances sont donc améliorées grâce à la réduction des transferts de données.

‍

Limiter le code

Que ce soit pour la conception ou le développement, la simplification du code est une plus-value pour la durabilité du site. Ces phases influencent irrémédiablement les performances et les dépenses énergétiques de votre site. Pour limiter le code, vous pouvez alléger le code source, choisir des frameworks plus légers et supprimer des éléments inutiles.

Le no code et le low code représentent des alternatives intéressantes pour le respect de l’environnement puisque les templates et les modules sont déjà conçus pour limiter l’utilisation du code. Les outils comme Webflow, Wix ou WordPress sont donc réputés pour leur code plus léger.

‍

Le contenu

Dernier point important de votre site : les contenus. Que ce soit du texte, des images, des photos ou des vidéos, ils peuvent impacter l’empreinte carbone de votre site, mais également ses performances.

Pour une meilleure cohérence, il est préférable de mixer les différents types de contenus, mais il faut surtout privilégier les formats légers. Pour les visuels, il est possible de les compresser pour limiter leur poids et éviter qu’ils fassent 10 Mo. Il est également envisageable de les convertir en webp, au lieu du jpg, pour minimiser l’espace occupé.

Une autre solution qui vient vous aider à alléger votre page est le « Lazy Load ». Ce dispositif vous permet de charger les médias que lorsque l’internaute arrive dessus. Par exemple, tout ce qui est en haut de la page se charge tout de suite puisque l’utilisateur sera devant, mais les visuels non visibles ne seront pas chargés. Toutes ces dispositions sont essentielles pour réduire la complexité de vos pages.

‍