Sauver la planète en codant

Récemment, nous avons réalisé une analyse d’éco-conception en groupe de trois, portant sur un site web. L’objectif était de comprendre les principes de l’éco-conception et d’explorer les moyens de réduire l’impact environnemental d’un site web.

Choix du site

Pour cette analyse, nous avons choisi de travailler sur mon Portfolio. Bien que cela puisse sembler un peu égocentrique, nous avons eu une idée intéressante : cloner le repository de mon site pour en créer un second, puis appliquer des pratiques “écologiques” afin d’améliorer sa note écologique.

Note écologique ?

Certains outils attribuent une note écologique aux sites web, basée sur des critères variés. Parmi ces outils, nous avons utilisé Eco-Index, qui a servi de base pour notre analyse.

Résultats

// Insérer image

Comme vous pouvez le voir, les résultats ne sont pas glorieux. Le site, que j’ai développé il y a un an, présente plusieurs lacunes : en plus d’être mal conçu, il ne respecte pas véritablement les principes de l’éco-conception (mis à part certains standards de codage).

Il est donc grand temps d’améliorer tout cela !

Mesurer son impact

Pour mesurer l’impact, EcoIndex se base sur trois points principales

Le poids de la page

Le poids c’est la taille d’une page après la compilation de votre projet, la médiane est de 2410 octets et la cible est 1024 octets. Malheureusement, mon pauvre Portfolio est de 2.91Mo soit loin de la médiane est encore plus de la cible

Complexité

Ici on parle pas de complexité de code, mais du nombres d’éléments sur la page. Moins on a d’éléments, moins de données sont demandées au serveur et donc moins de puissance demandé au final.

Ici mon Portfolio respecte amplement la cible (par pur chance) //Image Complexité

Requêtes

Lorsqu’on charge une page, le client va envoyer une requête au serveur pour recevoir différentes données. Que ça soit le style de notre page (CSS), le script etc…

//image explication requeete

Il faut faire en sorte de limiter ses échanges, car chaque requête consomme de électricité pour rien. Surtout si on peut combiner les fichiers entre eux.

//image requete