Éco-conception du site Tournaire : un site pensé pour réduire son impact environnemental

Dans la continuité de notre engagement pour prendre soin de l’essentiel, nous avons conçu le nouveau site Tournaire avec un objectif clair : réduire l’empreinte carbone générée par notre présence en ligne.

L’éco-conception d’un site web ne se limite pas à quelques optimisations techniques. Elle consiste à prendre en compte les impacts environnementaux à chaque étape de son cycle de vie : des spécifications à la conception fonctionnelle et graphique, jusqu’à l’utilisation finale, en passant par le développement, la maintenance et l’hébergement. C’est donc une véritable manière de penser et de travailler. 

Cet engagement nous a conduits à faire des choix concrets pour limiter les ressources nécessaires au chargement et à l’utilisation du site, tout en maintenant une expérience fluide, claire et efficace.

Un travail approfondi a été mené sur l’UX afin de simplifier l’accès à l’information et d’accompagner efficacement chaque utilisateur dans sa recherche.
Des pages de listing produits ont été conçues avec des filtres performants, permettant de recommander de solutions adaptées aux besoins spécifiques.
Un moteur de recherche avancé a également été développé afin de faciliter l’identification d’une solution d’emballage par gamme, matériau (aluminium, inox, verre) ou marché d’application (parfumerie, santé, chimie, etc.).

L’enjeu était de créer un équilibre entre réduction de l’impact environnemental et ergonomie d’utilisation afin de répondre aux attentes de nos clients et partenaires.

Nous avons choisi d’héberger le site Tournaire en France chez Datacampus (lien vers datacampus). Cette entreprise fonctionne avec une énergie 100 % renouvelable, sans recours aux énergies fossiles en fonctionnement normal et met en place des solutions techniques comme l’immersion cooling, le puits canadien, la récupération de chaleur ou encore l’allongement du cycle de vie du matériel. 

Ce choix d’un hébergement en France a aussi un sens du point de vue climatique : Datacampus rappelle que le mix électrique français, dominé par le nucléaire et les énergies renouvelables, émet en moyenne 6 à 8 fois moins de CO₂ par kilowattheure que celui de pays comme les États-Unis.

Éco-concevoir un site, c’est aussi considérer son environnement technique dans son ensemble, depuis sa conception jusqu’à son hébergement.

Nous avons travaillé à la réduction du poids des pages, avec un effort particulier sur la structure, la hiérarchie des contenus et le nombre de médias importés. Cela a impliqué des compromis et des concessions, notamment sur l’occupation de l’espace de certaines pages, afin de maintenir l’équilibre souhaité.

Cette démarche s’inscrit également dans une logique d’optimisation de l’expérience utilisateur : des pages plus légères permettent un affichage plus rapide, une navigation plus fluide et un accès facilité à l’information, y compris dans des conditions de connexion variables.

Nous avons donc compressé les images dans des formats adaptés, sans dégrader l’expérience digitale. Le nombre de typographies a également été limité et les icônes ont été privilégiées en format SVG vectoriel, plus léger et plus sobre à charger, pour répondre à nos engagements. 

Certains éléments très présents sur les sites web classiques ont volontairement été écartés : pas de carrousels, pas de vidéos en lecture automatique et une structure de page pensée pour aller à l’essentiel et trouver rapidement l’information en facilitant la compréhension des contenus.

Nous avons par ailleurs fait le choix d’utiliser des photographies réalisées en interne, dans l’entreprise Tournaire, plutôt que des visuels générés par intelligence artificielle, dans une démarche de cohérence avec notre réflexion sur les impacts environnementaux du numérique. Les traductions du site ont par ailleurs été réalisées par des collaborateurs et des partenaires, sans recours à des outils de traduction automatique intégrés. Au-delà de la qualité et de la précision des contenus, ce choix permet aussi de limiter l’usage de technologies particulièrement consommatrices en ressources.

En effet, il est important de savoir que les IA génératives comme ChatGPT ou Midjourney ont un lourd impact écologique. Leur fonctionnement mobilise des centres de données énergivores, dont le développement s’accélère à l’échelle mondiale. Résultat : l’Agence internationale de l’énergie (AIE) prévoit une hausse de plus de 75 % de leur consommation électrique d’ici à 2026. 

Dans ce contexte, notre démarche ne consiste pas à exclure ces outils, mais à encadrer leur utilisation avec cohérence. Nous privilégions des usages ciblés, à réelle valeur ajoutée, tout en évitant leur recours systématique lorsque des alternatives plus sobres et tout aussi pertinentes existent.

Nous avons choisi de calculer l’Eco Index de chaque page de notre site internet et de l’afficher dans notre footer, afin de sensibiliser nos visiteurs aux enjeux du numérique responsable et de rendre visible notre volonté de progression. Cet indicateur est calculé page par page et évalue la performance environnementale d’une URL à partir de plusieurs critères, notamment la complexité du DOM (Document Object Model, représente la structure et les éléments d’une page web HTML), le poids des données transférées et le nombre de requêtes HTTP. 

Les résultats obtenus traduisent concrètement cette ambition : un score EcoIndex amélioré passant de D (53/100) pour notre ancien site à B (75/100) pour notre nouvelle version. Le poids de la page d’accueil a été divisé par 9, passant de 5.42 Mo à 0.587 Mo et le site atteint un taux de conformité de 82 % sur la matrice de référence conçue par l’agence consultée incluant les critères du RGESN.

Concrètement, en comparaison à l’ancienne version de notre site internet, pour 10 000 visites par mois, cette démarche permet d’économiser en moyenne chaque année :

Dans une démarche d’éco-conception, toutes les pages d’un site n’ont pas le même impact environnemental, car elles ne répondent pas aux mêmes usages. Les pages les plus simples, plus légères et centrées sur l’essentiel obtiennent naturellement de meilleurs résultats. À l’inverse, les pages plus complexes, qui intègrent davantage d’interactions ou d’outils de recherche, présentent un impact plus élevé.

C’est par exemple le cas de la page « Nos produits », dont la note est de D. Ce résultat ne traduit pas un manque d’attention portée à l’éco-conception, mais un choix assumé d’équilibre entre sobriété numérique et expérience utilisateur. Sur cette page, nous avons privilégié des filtres simples, lisibles et efficaces afin de faciliter la recherche de produits. Aller plus loin dans l’allègement aurait impliqué de réduire certaines fonctionnalités utiles, au risque de dégrader l’expérience utilisateur.

Nous trouvons important d’expliquer cette réalité : un site éco-conçu n’est pas un site uniforme, ni un site dans lequel toutes les pages obtiennent nécessairement la même note. Montrer que les pages les plus sobres sont aussi les mieux notées et que les pages plus complexe en termes de fonctionnement le sont moins, aide à mieux comprendre l’intérêt de cette approche et à sensibiliser les utilisateurs aux impacts du numérique, afin d’encourager des usages plus responsables en orientant vers des parcours simples, efficaces et adaptés à leurs besoins.

Ainsi, l’éco-conception du site internet Tournaire s’inscrit dans une démarche digitale globale visant à prendre soin de l’essentiel, en s’appuyant sur un équilibre entre expérience utilisateur et responsabilité environnementale.

Chaque choix réalisé traduit une volonté d’agir concrètement, tout en restant conscient des compromis nécessaires pour maintenir nos engagements.

Julie VIALE
et les équipes Tournaire