L’amélioration d’un site pour réduire son impact environnemental est une démarche qui peut être longue lorsque le site existe déjà. Il faut donc agir par étape et améliorer les pages principales du site, celles qui sont le plus utilisées.
J’ai donc commencé l’optimisation de mon site « historique » www.icietla.net par la page d’accueil et la page de contact.
J’utilise l’outil éco index pour mesurer les évolutions.
L’état des lieux initial
Sans surprise, si l’on a pas pris en compte, l’aspect environnemental un site web sera le plus souvent médiocre sur cet aspect.
Voici le résultat pour la page d’accueil :
Les trois critères de ce classement sont :
- La lourdeur de la page : suivant le poids global des éléments à charger
- la complexité du code : souvent très complexe avec des constructeurs de page
- le nombre de requêtes : le nombre d’éléments externes chargés par la page HTML.
Les optimisations à réaliser
Sobriété de contenu
La première chose à faire est de se poser des questions de fond : de quoi a réellement besoin le visiteur sur cette page ? À quoi sert-t-elle ?
Par expérience et en lien avec les démarches classiques de référencement pour les moteurs de recherche, les pages sont souvent surchargées. Par exemple un référenceur aura tendance à développer le contenu pour avoir plus de mots-clés et donc un texte plus long et plus dense.
Pensons donc à la sobriété de contenu et mettons-là en action ! On peut avoir l’impression de perdre quelque chose alors qu’en réalité on peut gagner en efficacité, simplicité et mécaniquement, améliorer l’impact environnemental de la page.
Optimisation technique
Quand on a naturellement allégé notre page, nous pouvons démarrer la partie plus technique. À cette étape, nous essayons de réduire encore le poids global des éléments (notamment les images) et le nombre de requêtes (compressions et concaténation de fichiers externes comme évidemment les scripts et les feuilles de styles). Je ne rentre pas dans les détails mais c’est la philosophie de la démarche.
Résultats actuels après intervention
Écoindex B pour la page d’accueil du site :
Notez les valeurs indicatives, données par le site codex sur la cible à atteindre pour chaque critère. Et également les valeurs médianes. C’est intéressant pour se positionner par rapport aux autres.
La page est donc maintenant au-delà de la cible fixée pour chaque critère en terme de poids, de complexité et de nombre de requêtes.
Les limites
N’oublions pas que l’éco conception web est par définition la façon dont nous pouvons réaliser un site nouveau qui n’existe pas encore. En pratiquant cette démarche dès le départ, il est évidemment plus simple d’éviter les problèmes les plus courants.
Dans cet exemple, le site existe déjà, de nombreux choix posent des contraintes à l’amélioration environnementale. Sans réaliser une refonte globale du site, il peut être très difficile d’arriver à la note la plus élevée : A.
D’un autre côté, on voit ici que même sans changer de thème pour un site WordPress, les améliorations sont très nettes et importantes !
À retenir sur cet exemple : pas de changement d’outil, on reste sur WordPress, pas de changement de thème, on est toujours sur le constructeur Divi.
Avantages
La démarche oblige à réfléchir sur le fond : les contenus ! La finalité est de rendre le site moins impactant pour l’environnement : un site plus simple, plus clair, sur lequel on arrive plus facilement et plus rapidement à atteindre son objectif sera donc moins néfaste.
Indirectement, d’autres avantages sont liées à cette démarche. Par exemple ici, la performance au niveau vitesse a été transformée :
Besoin d’aide pour améliorer votre site web ?