Un site sobre, ça se vérifie.

Je parle d’écoconception à mes clients. Autant en rendre compte ici, avec des faits vérifiables plutôt qu’un logo vert.

Ce qu’il ne fait pas

• Aucun traceur, aucune régie, aucun pixel de mesure publicitaire.
• Aucun cookie, donc aucune bannière de consentement à refuser.
• Aucune requête vers un service tiers : les polices sont servies depuis ce domaine.
• Aucune base de données, aucun serveur applicatif. Des fichiers, et c’est tout.
• Aucune vidéo en lecture automatique, aucun carrousel qui tourne sans qu’on le demande.

Une exception, et elle est volontaire

La page Cadran charge une petite bibliothèque WebGL et fait travailler la carte graphique. C’est la seule page du site dans ce cas, et c’est un choix : montrer que je sais faire, sur une page dont l’objet est précisément de se regarder. Elle pèse une soixantaine de kilo-octets de JavaScript, s’arrête de calculer dès qu’elle sort de l’écran, et respecte le réglage de réduction des animations. L’accueil aussi fait appel à la carte graphique, pour ses six plaques de verre : onze kilo-octets de script en tout, un rendu par changement de défilement et rien hors de l’écran. Lavue liste en demande dix-sept fois moins, un peu moins de deux kilo-octets écrits dans la page, pour la vignette qui suit le curseur ; sans eux la liste reste entière et navigable. Partout ailleurs, le site est à zéro JavaScript.

Ce qu’il fait

• Des pages générées à l’avance et servies en HTML statique, sans framework côté visiteur.
• Deux polices, en sous-ensemble latin uniquement, pour environ 56 kilo-octets au premier chargement puis rien du tout.
• Des images converties en AVIF et WebP, déclinées en plusieurs tailles, chargées seulement quand elles approchent de l’écran.
• Les animations sont écrites en CSS et pilotées par le défilement : elles ne consomment rien quand la page est immobile, et rien du tout si vous avez réduit les animations.
• Un fond sombre par défaut, qui économise de l’énergie sur les écrans à diodes organiques.

Le code

Le site est écrit à la main, en Astro, et déployé automatiquement à chaque modification. Le dépôt est [public ou privé, à préciser] : c’est aussi une manière de montrer qu’une idée peut devenir un prototype opérationnel.

Mesures

Poids de page, requêtes et score d’écoconception : [à mesurer une fois le site en ligne, avec EcoIndex ou GreenFrame, et à reporter ici]. Une promesse non mesurée n’est pas une promesse.

Une question sur la façon dont ce site est fait ?Écrivez-moi.