Les bénéfices attendus

En ce qui concerne l’environnement, le green washing fait fureur et le numérique ne déroge pas à la règle… Rien de plus convaincant que de vrais chiffres vérifiables facilement, de vraies mesures faites avec des outils pertinents et reconnus.

Afin de mesurer concrètement le bénéfice pour l’environnement, nous avons mesuré et comparé plusieurs paramètres pour mettre en évidence les gains entre un site WORDPRESS standard et sa version éco-conception:

Les gains environnementaux (impact carbone, GES et eau),
Les gains de performance induits (temps d’accès d’une page, …), critères essentiels pour le Green SEO.

LES GAINS ENVIRONNEMENTAUX CONSTATES

Réduction de l’empreinte Carbone (émissions de GES, gaz à effet de serre : -30 %
Réduction de la consommation d’eau -29 %
Note écoindex : C (score 66) (score multiplié par 2 entre les 2 versions du site)

POUR LA PLANETE, CONCRÈTEMENT ÇÀ REPRÉSENTE QUOI?

(base : 1000 visites/mois de 5 pages)

Réduction de l’empreinte carbone = 120 kg par an (équivalent à 600 km de trajet en voiture)
Réduction de la consommation d’eau = 1.7 m 3 par an.

COMMENT APPRÉHENDER LE SCORE OBTENU ?

Les sites web institutionnels du CAC 40, du Top 50 web français plafonnent péniblement à une performance environnementale moyenne de 29 sur 100. Avec une note de 66, notre site est 2 fois plus performant avec un score de 66 sur 100, et à 2 points près de la note de B, sur une
échelle de A à G où la moyenne est à D.

POURQUOI ON NE PEUT PAS FAIRE MIEUX ?

Notre parti pris était de se mettre à la place d’un client standard ayant des contraintes de communication fortes, donc souhaitant des images un peu d’animation et qui soit assez punchy, donc un client pas prêt à choisir un modèle de site (template) réellement optimisé pour l’éco-conception.

WordPress ne vaudra certes jamais un développement informatique spécifique en termes de performance environnementale (de par sa complexité technique) mais c’est le standard le plus répandu sur le marché et il est utilisé par de très nombreux sites vitrine dans le monde entier et la plupart des agences de communication.

MÉTHODOLOGIE DE TEST

Développement de notre propre site WORDPRESS en mode standard,
Copie stricte de ce site originel, contenu et fonctionnalités identiques
Etude et recensement de toutes les bonnes pratiques applicables exclusives à WORDPRESS et les bonnes pratiques compatibles, soit X sur les 127 répertoriés par le Collectif Green IT, outils référence en la matière.
Mise en œuvre des bonnes pratiques retenues
Mesures comparatives d’impact et de performances d’une page représentative pour identifier les différences d’impact des versions
WORDPRESS standard et éco-conception, (Tests effectués sur la page « prestations / conception de site internet » / dates des tests :
15/05/23 et 26/05/2023 avec l’extension GreenIT Analysis / écoindex

GAINS CONSTATES

GAIN EN PERFORMANCE STRUCTURELLE
Taille du DOM (éléments du site) (2)	-41 %
Nombre de requêtes utilisées (3)	-74 %
Poids moyen d’une page du site (1)	-61 %

Notes informatives

(1) Poids total de la page (Mo)

Le poids de la page témoigne de la quantité d’octets à stocker et traiter côté serveur, à transporter sur le réseau, puis à traiter à nouveau côté internaute pour afficher la page. Plus ce poids est important pour un même service rendu et plus il témoigne de la présence de « gras numérique ». Chaque octet inutile (qui constitue le gras numérique) implique la fabrication – inutile mais impactante pour l’environnement – de ressources informatiques (mémoire vive, serveurs, etc.). Chaque ressource superflue implique à son tour une consommation excessive d’énergie.

(2) Nombre d’éléments (Taille du DOM)

C’est l’indicateur le plus important en matière d’écoconception. Le Document Object Model est l’arbre objet qui permet de construire la page en mémoire vive navigateur et de manipuler chaque élément (bouton, champ de saisie, etc.). Plus le DOM comprend d’éléments et plus la page nécessitera de puissance informatique pour être affichée. Plus le nombre de traitements javascript sur ces éléments sera important et plus cela consommera de mémoire vive et de cycles processeur. Au point que certaines pages ne peuvent pas être affichées sur de vieux smartphones et PC pas assez puissants. On cherche à ce que le nombre d’éléments soit le plus petit possible (et que ces éléments ne soient pas manipulés en Javascript) afin de ne pas accélérer l’obsolescence du terminal.

(3) Nombre de requêtes http

Le nombre de requêtes HTTP est un indicateur intéressant pour identifier si on surcharge inutilement, ou pas, les serveurs. Une requête HTTP est une demande faite par le navigateur au serveur. Pour chaque demande du navigateur, le serveur va effectuer un traitement et transmettre des données au navigateur. Pour une page, plus le nombre de requêtes est important et plus on sollicite inutilement les serveurs, engendrant à terme un nombre excessif de serveurs pour pallier à cette mauvaise conception. Globalement, compte tenu de la bande passante actuelle, il faut chercher à minimiser le nombre de requêtes.