Comment limiter l’impact écologique d’un site internet WordPress ?

La pollution du Web est aussi importante que celle du trafic aérien, en termes de CO2 émis. Sachant que 40 % des sites internet dans le monde sont conçus avec WordPress, il serait bon de s’intéresser à la manière de réduire l’empreinte carbone des sites créés avec ce CMS. Voici quelques pistes pour limiter l’impact écologique d’un site internet WordPress.

Avec quels langages sont conçus les sites WordPress ?

Intéressons-nous d’abord aux langages de programmation. Ils ne demandent pas tous les mêmes ressources. Certains langages sont donc plus gourmands en énergie que d’autres.

Le CMS (Content Management System) WordPress, ou système de gestion de contenu, fonctionne avec PHP. Or ce langage de programmation et de script open source est moyennement polluant, selon une étude. Ce qui est plutôt une bonne nouvelle pour la planète.

Cependant, WordPress est connu pour être particulièrement lourd et connaître des problèmes liés à la vitesse. Cela n’est pas dû au langage de développement, mais aux thèmes et aux extensions utilisés pour personnaliser le site, comme nous allons le voir plus loin.

Un site web écologique ou écoconçu, c’est un site Internet qui limite au maximum les ressources utilisées. Un site propre et bien codé exigera moins de ressources.

Comment mesurer l’impact environnemental d’un site web ?

Vous souhaitez faire un état des lieux de l’empreinte carbone de votre site web ? Plusieurs outils ont été développés pour mesurer l’impact environnemental de son site :

·        Le site EcoIndex : il vous suffit d’indiquer l’adresse URL du site que vous souhaitez analyser. L’outil vous livre une note entre A et G et vous détaille votre score.

·        L’extension GreenIT-analysis pour Chrome : cette extension de navigateur crée un onglet intitulé GreenIT dans les outils de développement, qu’on atteint en appuyant sur F12. Dans cet onglet, vous lancez l’analyse du site web visé. L’outil vous donne l’EcoIndex, les GES (Gaz à Effet de Serre) émis en grammes de CO2 et de nombreuses préconisations techniques.

·        Website Carbon Calculator positionne votre site en termes de « propreté écologique » et vous indique le nombre de grammes de CO2 émis à chaque fois que quelqu’un visite le site.

Quel thème WordPress green choisir ?

Afin de procurer la meilleure expérience utilisateur possible et de limiter l’impact environnemental du site, il est préférable de choisir un thème WordPress léger.

Par exemple, le thème WP Susty a été développé par le Collectif Conception Numérique Responsable. Il permet de créer un site web sobre et léger dont la page d’accueil pèse moins de 6 Ko (Kilooctets) en termes de transfert de data et dont le DOM est constitué de seulement 75 éléments. A titre de comparaison, la moyenne des sites web était de 2,3 Mo (Mégaoctets) en 2016. Et ce poids augmente sans cesse !

Un autre thème open source nommé Neptune permet de réduire l’empreinte carbone des pages web de 70 %. Ce thème gratuit a été développé par l’agence web bordelaise Kairos.

Non seulement utiliser un thème (ou template) léger est meilleur pour la planète, mais il est aussi plébiscité par le moteur de recherche Google qui favorise les sites dont les web performances sont bonnes.

Quels plug-ins WordPress installer ?

Le CMS WordPress fonctionne à l’aide de plug-ins (extensions). Si vous ajoutez trop de plug-ins, cela va considérablement ralentir le site. Il faut donc limiter au maximum les plug-ins, en ne gardant que ceux qui sont indispensables au fonctionnement du site. Si vous avez besoin de nombreuses fonctionnalités, il vaut mieux choisir une autre solution que WordPress.

Inutile d’installer tout un tas d’extensions WordPress inutiles. Dressez un inventaire des plug-ins installés et faites un tri : supprimez les extensions superflues.

En revanche, il existe un certain nombre de plug-ins qui permettent d’accélérer son site et de consommer moins de ressources, par exemple :

·        WP Rocket pour minifier le code, gérer le cache et accélérer le chargement des pages.

·        Imagify Image Optimizer pour compresser les images, y compris les vignettes générées par le CMS, sans perte de qualité.

·        Lazy Loader pour le chargement différé des images, iframes, vidéos, etc.

·        WP Super Cache pour gérer la mise en cache du navigateur

Quelles autres actions effectuer pour écoconcevoir votre site WordPress ?

Voici quelques conseils pour rendre vos sites WordPress plus sobres :

Optimiser le code

·        Minifier son code (HTML, CSS et JS)

·        Utiliser tous les niveaux de cache du CMS

·        Rationaliser les requêtes SQL

·        Charger uniquement les ressources dont la page a besoin

·        Eviter les effets Javascript, préférer les effets en CSS

Optimiser les médias

·        Compresser le poids des images (par exemple à moins de 100 Ko)

·        Dimensionner les images à la taille désirée (si vous téléchargez une image de 1900 px dans un conteneur de 960 px, vous gaspillez inutilement de la bande passante)

·        Ne pas utiliser de carrousels (sliders)

·        Ne pas utiliser de vidéos

En savoir plus sur le green IT :

●       Comment agir en tant que freelance ou petite entreprise sur son impact environnemental ?