Audit éco-conception web : réduire l’impact d'un site

Éco-concevoir devient un nouvel élément incontournable pour diminuer l'impact environnemental d'un site web. Lorsqu'on a déjà un site et avant de se lancer dans une refonte ou dans des améliorations, il faut identifier les possibilités d'optimisation du site en termes d'éco-conception. Découvrez avec Lemon Interactive les deux techniques d'audit éco-conception web à utiliser.

Sans même nous en rendre compte, chaque utilisation de nos équipements numériques (ordinateur, smartphone, tablette…) génère une pollution numérique qui impacte notre planète. Ainsi, le numérique représente entre 3 et 4 % des émissions de gaz à effet de serre dans le monde, ce qui est supérieur à la pollution issue du transport aérien.

Ces chiffres, provenant directement de l'ADEME et l'Arcep, mettent aussi en avant que la consommation de ressources, métaux et minéraux pour nos équipements, grimperait aussi de 14%, sans oublier la consommation électrique qui augmenterait de 5%. Il est donc grand temps d'agir pour réduire l'impact du numérique, et c'est en ce sens que l'éco-conception web intervient.

L'éco-conception web est une démarche responsable qui vise à réduire l'impact environnemental d'un site Internet tout au long de son cycle de vie. Après avoir pris en compte la répercussion des infrastructures informatiques nécessaires à la conception d'un site, examinons ledétails de l'éco-conception web.

• La conception du site web : elle doit être réfléchie pour consommer le moins d'énergie possible, que ce soit en allégeant l'arborescence, en optimisant les langages informatiques utilisés (CSS, JavaScript…), ou encore en limitant les fichiers lourds, comme les images et les vidéos.
• L'hébergeur du site web : les serveurs des hébergeurs sont d'importants consommateurs d'énergie. Il est crucial de choisir un hébergement green, avec un PUE (Power Usage Effectiveness) faible, alimenté par des énergies renouvelables et/ou bas-carbones, pour minimiser l'empreinte écologique ;
• Une utilisation du site allant à l'essentiel : pour permettre aux utilisateurs de limiter l'impact de leurs habitudes numériques, il faut comprendre leurs besoins et optimiser leur parcours en excluant les fonctionnalités non-essentielles ;
• Un design et une technique simplifiés : en gardant à l'esprit l'expérience utilisateur, une approche "mobile first" est prioritaire. Il est recommandé de réduire les carrousels, de respecter les règles d'accessibilité (RGAA), de limiter les animations, de réduire le nombre de requêtes, d'optimiser le cache, d'éviter l'utilisation de builders, et de mettre en œuvre un CDN ;
• Le contenu entièrement revu : le contenu est au cœur de ce que chaque site exprime, et sa composition doit faire l'objet d'une attention accrue. Utiliser le format WebP pour les images, des illustrations en SVG, des fichiers PDF allégés, une pagination optimisée et des règles SEO claires, ainsi qu'éviter les vidéos automatiques, sont autant de méthodes qui réduisent l'empreinte numérique du site.

Nous l'avons vu, l'éco-conception web vise avant tout à réduire l'empreinte écologique du numérique pour le rendre plus responsable. Mais les avantages d'un site éco-conçu vont bien au-delà :

• Un site moins cher, car moins énergivore ;
• Un site plus épuré, au design sobre et élégant ;
• Une expérience utilisateur optimisée, grâce à un parcours réfléchi et intuitif, et des temps de chargement plus courts ;
• Contribuer à l'accessibilité numérique ;
• Améliorer l'image de marque de l'entreprise ;
• Inscrire l'entreprise dans une démarche RSE engagée ;
• Améliorer le référencement naturel du site, grâce à un chargement rapide des pages web…

De la même manière que pour La Fresque du Numérique, Lemon Interactive peut accompagner chaque client vers un site plus performant, plus durable. Nous avons imaginé deux niveaux : un audit flash qui permet d'obtenir une note sur 20, et un audit complet, basé sur les 115 bonnes pratiques d'écoconception web de Frédéric Bordage.

L'audit flash de votre site web

L'audit flash d’éco-conception est plus qu'une simple note attribuée automatiquement, comme on peut le voir avec l’Eco Index. Notre équipe va un peu plus loin en se basant sur un échantillon de pages calibré en fonction du type de site Internet, pour une analyse plus précise et ciblée.

Pour un site e-commerce, par exemple, nous nous concentrons sur la page d'accueil, le listing produit, les fiches produits, et le panier. Sur les sites institutionnels, l'accent est mis sur la page d'accueil, les pages de contenus, et les pages de contact. Nous définissons alors un lot de 4 pages représentatives du site Internet, puis nous évaluons 4 grands critères à l'aide d'outils du marché :

• La performance ;
• L'éco-Index ;
• L'accessibilité numérique ;
• La perception design UX et UI.

Ensuite, nous agrégeons l'ensemble des notes obtenues, que nous ramenons sur 20. La note s'accompagne d'un commentaire visant à expliquer les résultats et à mettre en lumière les points d'amélioration.

L'avantage de cette version flash est qu'elle permet de déterminer rapidement les grands axes de progrès, offrant une situation instantanée du site, notamment en termes d'impact environnemental.

L'audit complet de votre site Internet

L'audit complet d’éco-conception web permet d'avoir une analyse approfondie et poussée, basée sur les 115 bonnes pratiques d'écoconception web de Frédéric Bordage. Pour réaliser cet audit approfondi, nous alors procéder par étapes :

• Identifier les conformités, ou non, de chaque bonne pratique, par rapport au site web ;
• Établir un constat ;
• Définir des recommandations.

Au-delà de cette analyse, nous hiérarchisons chaque bonne pratique en fonction des priorités. Ces priorités sont déterminées par l'impact environnemental (plus il est important, plus il est urgent d'agir) et par la difficulté de mise en œuvre des corrections (parfois, pour mettre en place une action, il faut d'abord en implémenter d'autres).

Le rapport, qui couvre une centaine de bonnes pratiques, se conclut par un résumé des grands axes d'actions à réaliser. Enfin, l'équipe de Lemon Interactive restitue l'audit au client, en présentant les résultats de manière claire et accessible.

Tout l'intérêt d'un audit, qu'il soit flash ou complet, est d'obtenir une analyse précise des corrections à apporter pour rendre un site éco-conçu. Cette démarche d'analyse est essentielle pour déterminer si les actions correctives peuvent être appliquées sur le site existant ou si une refonte totale est nécessaire.

Il permet d'avoir une vision globale de l'état du site, d'analyser ce qui est déjà bien mis en œuvre, et de se concentrer sur les modifications majeures à apporter. De plus, cette démarche peut accélérer le processus de décision si l'équipe web se rend compte que la refonte est la solution la plus viable pour réduire l'impact numérique et optimiser l'empreinte écologique du projet.

Contrairement à ce que beaucoup pensent, il ne faut pas tout miser sur l'engagement responsable, au détriment de la performance du site. Bien au contraire, il est tout à fait possible d'avoir un site moins énergivore et très performant. Voici les pratiques essentielles à appliquer pour éco-concevoir un site web vert.

Se défaire du superflu

Plus un site est chargé, plus il demande de l'énergie. En toute logique, le développeur en éco-conception web concentre alors sa tâche sur la réduction des fonctionnalités. L'objectif est de ne conserver que ce qui est vraiment utile, que ce soit pour l'utilisateur ou pour l'entreprise, afin de minimiser l'impact numérique.

Certaines études montrent d'ailleurs que 70 % des fonctionnalités d'un site web ne sont pas primordiales, et 45 % d'entre elles ne sont même jamais utilisées. Ce constat souligne l'importance de réaliser un audit et une analyse approfondie pour identifier les éléments superflus et optimiser la consommation énergétique du site.

Miser sur la sobriété et la simplicité

S'il est important de supprimer les éléments non-essentiels, l'éco-conception web exige également d'opter pour un design épuré et simple. Un graphisme plus léger réduit la consommation d'énergie, tout en offrant une expérience utilisateur agréable et fonctionnelle.

On limite alors les images, les vidéos, et les polices web… Trop nombreuses et trop lourdes à charger, elles peuvent augmenter l'empreinte numérique du site. Si vous souhaitez tout de même en intégrer, pensez à optimiser leur format pour minimiser l'impact environnemental.

Bon à savoir : la version mobile-first est souvent plus épurée, car elle doit s'adapter à un petit écran de smartphone. Vous pouvez alors vous appuyer sur cette version responsive pour créer l'ensemble de votre site.

Optimiser la partie technique du site éco-conçu

Bien sûr, l'optimisation d'un site éco-conçu ne se limite pas au design et aux fonctionnalités. Côté technique, il est également possible de mettre en œuvre quelques actions pour réduire l'impact environnemental du site.

Par exemple, nous conseillons de limiter les requêtes par page, de stocker les données en local, ou encore d'opter pour un hébergement vert.

L'éco-conception web est un véritable enjeu pour notre avenir, et nous devons nous engager dès aujourd'hui pour préserver notre planète des dégâts de la pollution numérique. Lemon Interactive vous propose alors d'auditer votre site web pour obtenir des conseils et des recommandations sur la mise en œuvre de pratiques éco-responsables, afin de diminuer l'empreinte carbone de votre projet numérique en appliquant les principes d'éco-conception.