Qu'est ce que l'écoconception web ?
L'écoconception web, on ne va pas se mentir, c'est un peu le far west. Entre les agences qui te proposent un webdesign minimaliste sur un WordPress qui sort à 40% sur PageSpeed, ceux qui changent ta charte graphique pour du vert et ceux qui te garantissent qu'un arbre sera planté en Afrique pour chaque site commandé. Au milieu de tout ça, qu'est qui fait vraiment une différence en matière de consommation de ressources serveur. Nous essaierons de vous donner des éléments de réponse dans ce premier épisode dédié à l'éco-conception webEcoconception web et choix technologique
Premier levier selon nous pour réduire considérablement la consommation de ressources serveur. C’est paradoxalement l’aspect le plus souvent occulté par les agences et les freelances qui se réclament de l’écoconception web.
Soyons clairs, dans ce domaine, toutes les solutions ne se valent pas. Un site dynamique avec un CMS de type WordPress sera dans la plupart des cas beaucoup plus consommateur en ressources que le même site propulsé par un générateur de site statique (Astro, NextJS, Nuxt, Gatsby, Hugo, Eleventy, Jekyll…)
Pourquoi ? Car les infrastructures nécessaires à la mise en ligne d’un site “dynamique” sont beaucoup plus lourdes que celles d’un site static :
Du côté d’un SSG (Static Site Generator) :
- Un serveur web
- Une (ou plusieurs) page(s) web
Ces différences d’architecture sont fondamentales pour comprendre qu’à webdesign, contenu et nombre de mises à jour de contenu égales le statique sera beaucoup plus sobre car il a besoin de moins de composants pour tourner.
Encore mieux, le site statique une fois en production ne consomme plus aucune ressource liée à la navigation de ses utilisateurs. En effet, les pages étant pré générées, tous les contenus sans disponible et les temps de chargement sont ultra rapides. Ce qui ajoute , en plus de la sobriété, des temps affichages et des performances SEO techniques optimaux.
Ne vous laissez pas embobiner par les beaux discours sur l’importance de la sobriété du design ou du mix énergétique de l’hébergement. Le premier poste à prendre en compte, c’est la plateforme technique !
Ecoconception web et hébergement vert
Deuxième levier pour plus de sobriété, utiliser des services d’hébergement web alimentés par des énergies renouvelables ! C’est simple, c’est purement et simplement un choix de consommateur. C’est comme acheter un kilo de pommes en septembre au paysan du coin plutôt que des goldens en provenance du chili en plein mois de mai…
Il existe de nombreuses offres d’hébergements “verts” en France, les plus connus : OVH et Infomaniak (qui est Suisse).
Contre toute attente OVH est un des acteurs qui compte dans le domaine de l’hébergement vert avec un objectif à 100% d’énergie renouvelable pour 2025.
Pour Infomaniak, on est sur une mix à 60% hydraulique et 40% d’énergie verte (énergie solaire et petites structures hydrauliques qui préservent les cours d’eau naturels et permettent aux poissons de circuler librement). Mais il existe bien d’autres “petis” hébergeurs qui proposent des offres plus ou moins vertes avec des mix différents.
On a vu dans la première partie que le choix de la plateforme technique était crucial pour une démarche cohérente, le choix d’un hébergeur “vert” viendra compléter cette démarche avec une vision éco responsable de bout en bout.
Écoconception web et intégration/webdesign
Cette partie c’est un peu la cerise sur le gâteau dans le package éco responsable de votre site web. Pas aussi important selon nous que les deux premiers points, il n’en reste pas moins qu’un site qui ressemblerait à un sapin de noël avec des visuels énormes et des animations dans tous les sens viendrait gâcher les efforts consentis sur la platforme technique et l’hébergement.
Il est donc important de s’assurer que son webdesign respecte un minimum de standards :
- Optimisation du poids des images. Idéalement avec compression et redimensionnement automatique par le CMS comme sur Yama CMS. Mais aussi avec la conversion automatique au format webp ou avif.
- Lazy loading (pour les sistes dynamiques, inutile pour les sites statiques)
- Webdesign minimaliste
- Typographie légère
Ces optimisations viendrons paracherver les efforts sur la partie plateforme technique et hébergement mais n’ont selon nous que peu de sens si elles sont mises en place dans effort sur les deux autres secteurs.
Écoconception web et bonnes pratiques dans la production de contenus
Pour terminer, il est important de briefer les utilisateurs finaux et administrateurs de contenu qui vont faire vivre votre site web. S’ils décident de publier des contenus lourds et peu otimisés, une partie de vos efforts n’auront servis à rien. De même les prévenir de ne pas mettre à jour le site dès qu’un petit détail est à modifier mais attendre d’avoir plusieurs modifications dans le backlog. Toutes ces bonnes pratiques vous garantissent une démarche cohérente de bout en bout et constituent l’essence même de ce que devrait être l’ecoconception web.