Episode 6

Tech : ouvrir le capot

18 octobre 2021 | écrit par : Vincent

Le jour où nous avons décidé de verdir nos solutions techniques.

“CMS et éco-conception ne sont pas forcément antinomiques”

Bonnes pratiques

  • 1. Externaliser les CSS et JavaScript
  • 2. Optimiser les scripts : minification, compression
  • 3. Optimiser le CSS : minification, compression, un seul fichier CSS, suppression du code inutile
  • 4. Fournir une CSS print épurée
  • 5. Redimensionner les images en dehors du HTML ou CMS
  • 6. Supprimer les balises images dont l’attribut SRC est vide
  • 7. Rédiger du code qui respecte les coding standards (W3C)
  • 8. Ne pas générer de page 404
  • 9. Supprimer tous les warnings et toutes les notices
  • 10. Utiliser le format d’image adapté au contenu (SVG, JPEG, PNG)
  • 11. Utiliser le chargement paresseux des images
  • 12. Utiliser des systèmes de cache (applicatif, serveur)
  • 13. Éviter les redirections

Comme on a pu le voir dans les épisodes précédents, une bonne partie de l’empreinte environnementale d’un site dépend des choix fonctionnels qui sont faits lors de la phase de conception : réduire l’utilisation de librairies Javascript, limiter l’utilisation de services tiers et le nombre de requêtes HTTP... Cela étant dit, un certain nombre de bonnes pratiques existent aussi en termes de code pour réduire le poids d’un site. Retrouvez dans le volet de gauche la liste des bonnes pratiques que nous avons établie, et n’hésitez pas à la compléter, nous sommes preneurs de vos bonnes idées !

Au-delà de ces bonnes pratiques, le nerf de la guerre en termes d’impact environnemental d’un site reste bien sûr le CMS : un site statique sera toujours plus éco-responsable qu’un site utilisant un CMS pour gérer l’affichage et la contribution. Cependant, la plupart des sites que nous développons ne peuvent pas s’en passer, car ils nécessitent des publications et mises à jour régulières ; c’est pourquoi nous avons recherché une solution alternative, à la fois plus sobre et plus efficace. Nous avons donc opté pour l’association du front-end statique Svelte, garantissant un temps de chargement optimal, et du CMS Headless (c’est-à-dire sans front-office) Strapi, qui nous permet d’alimenter notre site de manière autonome sans l’alourdir inutilement.

Le choix de la solution d’hébergement vient aussi largement impacter l’empreinte environnementale d’un site. En l’absence de label permettant d’identifier objectivement ceux qui respectent les principes du développement durable, nous avons identifié différents critères pour choisir le bon hébergeur : 

  • Gestion des DEEE (Déchets d'Equipements Electriques ou Electroniques)
  • PUE (Power Usage Effectiveness) du Datacenter
  • Alimentation aux énergies renouvelables
  • Aspects sociétaux (ex : charte écologique)
  • Politique d’achat (prise en compte de critères écologiques lors de l’achat de nouveaux équipements)
  • Compensation Carbone

A La Netscouade, nous recommandions généralement PlanetHoster, un acteur historique du marché dont l’avantage est de posséder un datacenter en France. 
Ses points forts :

  • Électricité issue à 100% d'énergies renouvelables pour le Datacenter en France.
  • Sélection des serveurs en fonction de leur efficacité énergétique, performance et consommation. Power Usage Effectiveness (PUE)
  • Charte interne : réduction de l'empreinte écologique de leurs bureaux.

Mais les efforts récents de notre hébergeur traditionnel nous ont convaincus. Depuis plusieurs années, nous travaillons avec Platform.sh en raison de la performance de leur solution d’hébergement (notamment grâce aux déploiements automatisés). Aujourd’hui, leur nouvelle démarche en matière de réduction de leur impact environnemental va dans le bon sens : 

  • Meilleure efficience : l’infrastructure technique de Platform.sh est orchestrée de telle façon que les ressources du datacenter sont allouées selon les besoins en temps réel. Cela signifie que très peu d’énergie est consommée inutilement, contrairement à un modèle plus classique où les ressources et la consommation d’énergie ne s’adaptent pas.
  • Platform.sh ne dispose pas de ses propres infrastructures mais ses principaux fournisseurs (AWS, Google, Azure, etc.) ont défini des objectifs ambitieux en matière d’éco-responsabilité et investissent dans l’énergie renouvelable.

Platform.sh est entré dans une démarche R&D ambitieuse dans le domaine de l’éco-responsabilité.

Et sinon...