Empreinte carbone
Pourquoi
Chaque page vue fait circuler des octets sur le réseau et sollicite des serveurs et votre appareil : cela consomme de l’électricité et émet des gaz à effet de serre. Statium veut des pages aussi légères que possible. L’objectif est la note A+ sur l’échelle Sustainable Web Design pour chaque type de page, et A pour les anciens articles du blog. Cette page montre où on en est, sans enjoliver.
Les chiffres
Première mesure à venir : les chiffres sont mis à jour chaque semaine.
Comment on mesure
Chaque semaine, un script ouvre en production une page représentative de chaque type de page dans Chrome sans interface. Il la fait défiler jusqu’en bas et additionne les octets transférés, ceux des services tiers compris. Les pages mesurées sont choisies par une règle : le dernier match de Ligue 1 avec et sans résumé, l’équipe à l’effectif le plus fourni, la dernière newsletter, chaque ancien article du blog…
Les octets sont convertis en note et en grammes de CO₂e avec CO2.js, la bibliothèque de la Green Web Foundation, selon le modèle Sustainable Web Design version 4 à ses réglages par défaut : réseau électrique mondial, hébergement non vert, uniquement des premières visites.
Ce qu’on a fait
- Les écussons des clubs, des centaines d’images sur certaines pages, sont remplacés par des pastilles aux couleurs de chaque équipe, dessinées en CSS : aucune image à télécharger.
- Plus aucune police téléchargée depuis Google : le site s’affiche avec les polices déjà installées sur votre appareil.
- Des vignettes de résumés vidéo plus légères sur l’accueil, à la taille où elles s’affichent.
- Le site n’est plus reconstruit quand une modification ne le concerne pas.
- Les polices de Statium ne se chargent que si vous le demandez, depuis le site lui-même et limitées aux caractères latins et aux graisses utilisées.
- Les anciens articles du blog passent sur une mise en page légère, sans jQuery, Bootstrap, d3 ni MathJax : les équations s’affichent nativement dans le navigateur, et les graphiques sont dessinés une fois pour toutes à la construction du site.
Hébergement
Le site est hébergé chez Netlify, qui s’appuie sur l’infrastructure d’Amazon Web Services. Cet hébergement n’est pas vérifié comme alimenté par une énergie renouvelable par la Green Web Foundation. Nous ne le présentons donc pas comme vert, et les chiffres ci-dessus n’en tiennent pas compte. Changer d’hébergeur reste une piste pour plus tard.
Polices
Le site ne télécharge aucune police par défaut : il s’affiche avec celles déjà installées sur votre appareil. Il est dessiné pour Inter et JetBrains Mono, deux polices libres (SIL Open Font License) : si vous les installez, il les utilise automatiquement.
Safari, et Firefox en protection renforcée stricte, ignorent les polices que vous installez vous-même. Vous pouvez aussi demander au site de les charger (jusqu’à 180 ko à la première visite) ; ce choix est mémorisé dans ce navigateur.
Mesure d’audience
Statium mesure sa fréquentation avec Cabin, un outil sans cookie et anonyme, choisi aussi pour sa légèreté. Son tableau de bord est public. Le détail est sur la page Confidentialité.