L’éco-conception web est aujourd’hui un enjeu majeur pour les agences digitales soucieuses de limiter l’empreinte environnementale de leurs productions. Chez Mōdo, nous avons décidé de nous engager dans cette démarche en testant différentes approches de développement web et en mesurant leur impact. Pour aller plus loin, nous avons voulu jouer le jeu jusqu’au bout en appliquant cette expérience à un cas concret : la page d’accueil de notre propre site internet.
Nous avons comparé deux méthodes de création sous WordPress : l’utilisation d’un builder comme Elementor et une approche de développement « custom ». Pour mesurer l’impact environnemental de ces solutions, nous avons choisi EcoIndex, l’outil de référence que nous avons décidé de conserver pour évaluer nos futures optimisations.
1. Pourquoi cette démarche ?
Les sites web ont un impact réel sur l’environnement. Chaque requête envoyée, chaque ressource chargée consomment de l’énergie. Pour réduire cette empreinte, nous avons cherché à identifier la solution la plus performante et la moins gourmande en ressources. Nous avons donc décidé de mesurer l’impact de notre démarche avec EcoIndex, qui nous permet de quantifier la performance écologique d’une page web en tenant compte du poids de la page, du nombre de requêtes et du temps de chargement.
Cependant, il est important de relativiser cet impact : l’empreinte carbone d’un site web dépend avant tout de son trafic. Plus un site génère de visiteurs, plus il sollicite les serveurs et consomme de l’énergie. Il semble donc logique d’affirmer que l’on n’attend pas la même exigence en matière d’optimisation pour un site enregistrant 1 000 visiteurs par mois et un autre atteignant 1 000 000 de visiteurs. La priorisation des actions d’éco-conception doit donc aussi tenir compte du volume de trafic et de la fréquence des accès aux pages.
2. Elementor : Facile mais gourmand
Elementor est l’un des builders les plus populaires sur WordPress. Son interface glisser-déposer permet de construire rapidement des pages sans connaissances techniques avancées. Cependant, cette facilité d’utilisation s’accompagne de plusieurs inconvénients :
- Poids des pages : La page construite avec Elementor est plus lourde, car elle embarque des scripts et styles CSS inutilisés.
- Complexité du code : la souplesse d’utilisation d’Elementor implique une structure du code lourde et complexe. Ceci rajoute au temps de calcul et de chargement de la page.
- Temps de chargement : Les tests ont montré une latence accrue due à la multiplication des requêtes HTTP et des fichiers JavaScript chargés.
- Score de performance : Selon nos mesures, le score Lighthouse de la page est plus bas que celui de la version custom.
- Score EcoIndex : La page d’accueil développée avec Elementor a obtenu un score EcoIndex de D (48/100), signalant une performance environnementale moyenne, mais perfectible.
- Accessibilité et maintenance : L’ajout de plugins complémentaires pour optimiser Elementor alourdit encore plus le site et complique sa maintenance.
3. Le développement « Custom » : Plus performant, mais plus exigeant
En développant la page d’accueil sur-mesure, nous avons pu optimiser chaque aspect du site :
- Code plus léger : En supprimant les dépendances inutiles, nous avons réduit le poids de la page de manière significative.
- Temps de chargement amélioré : Moins de requêtes, moins de scripts superflus, résultat : une page plus rapide.
- Score Lighthouse meilleur : La page custom atteint un score plus élevé, indiquant une meilleure performance et une réduction de la consommation d’énergie.
- Score EcoIndex : La version custom a obtenu un score EcoIndex de B (72/100), marquant une nette amélioration en termes de sobriété numérique.
- Meilleure accessibilité et SEO : En contrôlant directement le code, nous avons pu respecter les bonnes pratiques d’accessibilité et optimiser le SEO sans surcharge inutile.
4. Quelle solution choisir ?
Tout dépend de l’objectif du projet. Si la priorité est une mise en ligne rapide et une gestion facile, Elementor reste une bonne option, à condition d’optimiser ses performances. Cependant, pour une approche plus durable et performante, le développement sur-mesure s’impose comme la meilleure alternative.
Cette expérience nous a permis de constater l’impact réel de nos choix techniques sur l’environnement et de confirmer l’intérêt d’une approche plus optimisée. Comme évoqué dans un précédent article, EcoIndex s’est révélé un excellent outil de mesure sur les pages stratégiques d’un site internet, que nous continuerons d’utiliser pour affiner nos pratiques et proposer à nos clients des solutions toujours plus respectueuses de l’environnement.
En tant qu’agence, nous encourageons nos clients à adopter des pratiques plus responsables en matière de conception web. Si vous souhaitez en savoir plus ou être accompagné dans la création d’un site optimisé, échangeons ensemble !
