Au moment de créer le site web de son entreprise, beaucoup de questions se posent : comment le créer, comment organiser le contenu, quel design choisir et bien d’autres encore… Chez Koevoo, nous pensons que, parmi les questions à se poser, celle de l’empreinte environnementale de son site web a toute son importance.

Wordpress : la solution la plus populaire

Une des première décision à prendre est celle de l’outil à utiliser pour la création de son site web. Et la réponse la plus courante à cette question est : Wordpress. Cet outil open-source est un content management system (CMS), ou système de gestion de contenu en français, permettant de créer aussi bien des sites simples, comme une page unique de présentation, que des sites web complexes avec par exemple des accès par compte client. Depuis sa création en 2003, Wordpress a connu un grand succès, et certaines estimations indiquent que plus de 40 % des sites web dans le monde utilisent cet outil⁽¹⁾.

Hugo : une solution simple et performante pour les sites dits “statiques”

Cependant, pour beaucoup d’entreprises, et en particulier pour les TPE et les PME, des solutions technologiquement plus légères sont plus adaptées pour créer des sites web performants. En effet, la plupart de ces entreprises souhaitent un site web présentant leur société, leurs offres et leur équipe ; permettant d’avoir une version mobile et pourquoi pas un blog ou encore un formulaire de contact. Ces contenus sont dits “statiques” car, au contraire d’une facture, ils sont présentés invariablement à chaque visiteur. Hugo est un générateur de sites statiques répondant à ces besoins. Pour tous les cas ne nécessitant pas de compte client, cette solution plus légère qu’un CMS (notamment car n’utilisant pas de base de données) est parfaitement adaptée.

Wordpress vs. Hugo : comparaison de l’empreinte environnementale

Pour le site web Koevoo, nous avons décidé de faire une expérience (article détaillé à venir) : nous avons déployé 2 fois le site, une fois grâce à Wordpress⁽²⁾ et l’autre grâce à Hugo. L’outil choisi pour la création du site était la seule différence entre ces 2 déploiements parfaitement identiques par ailleurs. Cela nous a permis de les comparer, et d’estimer la différence d’empreinte environnementale entre ces 2 versions. Autrement dit, cela nous a permis d’estimer l’impact du choix de la technologie sous-jacente d’un site web.

Plusieurs outils en ligne existent pour estimer l’empreinte environnementale d’un site web. On peut notamment citer, ecoindex, ecograder, website carbon calculator, website emissions, ou encore digital beacon. Ces différents outils utilisent chacun leur propre méthodologie pour estimer les impacts environnementaux du site grâce à plusieurs indicateurs (article à venir sur ces différentes solutions). Un indicateur commun à tous les outils cités ci-dessus est la quantité de gaz à effet de serre (GES) émis à chaque visite du site (en g eq. CO₂).

Nous avons donc utilisé ces outils indépendants pour comparer les émissions de GES de 3 pages de notre site web : la page d’accueil, le blog (page présentant les différents articles), et un article du blog.

Pour compléter cette comparaison, nous avons également mesuré la quantité de ressources (processeur et mémoire) utilisée côté serveur par chacun des 2 déploiements.

Comparaison par les outils en ligne

Pour toutes les pages testées et pour tous les outils, le site Hugo émet moins de GES que le même site créé avec Wordpress.

Passer de Wordpress à Hugo permet au site Koevoo d’émettre entre 8 % et 81 % de GES en moins en fonction de l’outil et de la page considérée, avec une baisse moyenne de 33 % !

Dans 100 % des tests, les émissions de GES estimées pour la page web Hugo sont plus basses que celles de la page Wordpress.

Il est intéressant de noter que les résultats sont très dépendants de la page considérée : le gain médian est de 9 % pour la page d’accueil, 79 % pour le blog et 20 % pour l’article.

Comparaison des ressources mobilisées côté serveur

Si les estimations d’émissions de gaz à effet de serre montrent un net avantage environnemental à utiliser Hugo plutôt que Wordpress, les impacts environnementaux ne se limitent pas aux GES. Lors de notre comparaison entre les 2 versions du site web Koevoo, nous avons mesuré que le site utilisant Hugo demandait au moins 10 fois moins de ressources côté serveurs que le site Wordpress ! Une mesure qui confirme le moindre impact de Hugo, et qui laisse penser que la différence d’impact entre Hugo et Wordpress pourrait être encore plus importante pour certains critères, comme la consommation de métaux, nécessaire à la fabrication des serveurs.

Hugo : une empreinte significativement réduite

Que ce soit grâce aux outils d’évaluation en ligne ou à la mesure des ressources côté serveur, les résultats de notre expérience sur le site Koevoo indiquent que le choix d’Hugo plutôt que de Wordpress permet de réduire significativement l’empreinte environnementale de son site web.

Un site web éco-conçu

L’utilisation de Hugo pour créer votre site web statique est donc un très bon moyen de limiter son impact environnemental tout en obtenant un site aussi fonctionnel et facilement maintenable. Après, beaucoup de pratiques supplémentaires, comme le choix de l’hébergement et le choix des contenus, peuvent-être mises en place pour obtenir un site web éco-conçu avec l’empreinte la plus limitée possible. Koevoo vous accompagne dans l’écoconception de votre site web, pour un numérique toujours plus responsable.

💡 Astuce !

A priori, on pourrait penser que Hugo nécessite des compétences en code plus poussées que Wordpress, qui a l’avantage d’offrir une interface graphique adaptée aux utilisateurs non techniques. Mais si vous redoutez d’avoir besoin de trop de compétences en code pour utiliser Hugo, sachez que vous pouvez simplifier grandement le développement grâce à Penpot.

Penpot est une alternative open-source à Figma. Cet outil de design vous permettra de concevoir des maquettes et des interfaces visuelles sans écrire une seule ligne de code ! Un bon moyen de profiter de tous les avantages de Hugo, sans besoin de compétences approfondies en développement.

(1) W3Techs Web Technology Surveys 40% of the web uses WordPress, 10 février 2021
(2) Le site Wordpress utilisait le thème et le builder Divi

© Logo Hugo : Copyright 2014 Steve Francia ; Icones Dewi Sari, Freepik.