Éco-conception

Ce site présente un travail de conseil en numérique responsable. Il serait malvenu qu’il soit lui-même dispendieux. Voici ce qui a été fait, et ce qui a été mesuré.

Cette page suit le formalisme d’une déclaration d’éco-conception, tel que le promeut la mission interministérielle numérique responsable au travers du RGESN — référentiel général d’écoconception de services numériques.

Elle décrit une démarche d’auto-évaluation : les choix retenus et leur raison d’être, ce qui a été effectivement mesuré, et ce qui ne l’a pas encore été. Ce n’est pas une certification délivrée par un tiers — la distinction est tenue tout au long de cette page.

bernaz.fr présente mon parcours professionnel : compétences, expériences, réalisations, formations. Il s’adresse à des recruteurs, des clients potentiels et des pairs qui cherchent à l’évaluer ou à me contacter.

Rien ici ne demande de compte, de paiement ni d’inscription. L’immense majorité des visites consiste à lire quelques pages : c’est ce cas d’usage que la conception optimise.

Le principe directeur est la sobriété par défaut : ne rien charger qui ne serve pas directement à lire la page. Chaque choix ci-dessous vise à réduire ce qui est effectivement transféré, pas seulement l’apparence de légèreté du site.

• Pages générées à l’avance, servies en HTML statique. Le navigateur ne dialogue jamais avec la base de données.
• Aucun JavaScript n’est nécessaire à la lecture. Le changement de langue est un simple lien.
• Aucune police n’est téléchargée : la typographie s’appuie sur les polices déjà présentes sur l’appareil.
• Aucun cookie, aucun traceur, aucune ressource tierce.
• Les images sont dimensionnées et différées. La feuille de style est un fichier séparé, mis en cache : mesuré, cela transfère moitié moins d’octets qu’une intégration dans chaque page dès la deuxième page consultée.
• Les trois versions linguistiques partagent les mêmes ressources : elles ne sont téléchargées qu’une fois.

Ce site a été conçu et développé avec Claude Code (Anthropic), sous ma conduite : modèle de données, migration depuis Notion, gabarits, configuration du serveur, garde-fous de publication. Les choix ci-dessus ont été arbitrés à chaque étape.

Cela consomme des ressources, et il serait incohérent de le taire ici. Ce coût a toutefois une propriété utile : il est ponctuel, payé une fois à la fabrication, là où le coût de consultation est récurrent — payé par chaque visiteur, à chaque visite. C’est ce dernier que mesure le diagnostic ci-dessous.

La consommation de ces sessions de développement n’est pas relevée ici, faute d’instrument. Aucun chiffre n’est donc avancé : même règle que pour le reste de cette page.

• 735 pages générées
• 2,8 Ko de feuille de style, partagée par toutes les pages
• 0 fichier JavaScript
• 0 ressource tierce, cookie ou traceur

Référentiel : RGESN. Périmètre : un échantillon de 9 des 10 gabarits du site — les pages listées ci-dessous ; les fiches individuelles d’expérience et de compétence ne sont pas échantillonnées, leurs slugs changeant avec le contenu.

Outils : scripts/mesurer-poids.mjs, qui relève les octets réellement transférés (compression active) pour chaque page de l’échantillon et ses sous-ressources ; et le CLI lighthouse-ecoindex, qui charge chaque page dans un navigateur réel et en tire la note EcoIndex, le nombre de nœuds du DOM et une estimation d’émissions. Les deux relevés sont datés et reportés tels quels : jamais une estimation qui n’a pas été mesurée.

Le choix de ces indicateurs n’est pas propre à ce site : EcoIndex, budget de poids par page et nombre de requêtes sont ceux que je mets en place et fais suivre en mission, sur des projets sans commune mesure avec celui-ci — des diagnostics d’écoconception menés dans le secteur public, l’industrie et l’investissement. La règle y est la même — mesurer plutôt que modéliser, et laisser une case vide plutôt que l’emplir d’une estimation.

Méthode : auto-évaluation interne, mise à jour au fil du développement. Aucun audit indépendant n’a été mené à ce jour.

Résultat : note EcoIndex A pour 9 gabarits sur 9, de 81 à 93 sur 100. La page la moins bien notée, Expériences, l’est à cause de la taille de son DOM, pas de son poids : elle liste l’intégralité du parcours sur une seule page, un choix de navigation assumé. Le catalogue de compétences, noté B pour la même raison, est passé en A en ne listant plus que les compétences liées à au moins deux missions ; les autres restent sur la fiche de leur mission.

Non-conformités assumées : deux règles du référentiel restent en échec et le resteront. Un service worker suppose du JavaScript, que la politique de sécurité du site interdit par construction. Une feuille de style d’impression est bien en place, mais l’audit exige qu’elle soit servie par un fichier séparé — donc une requête HTTP de plus pour chaque visiteur, y compris ceux qui n’impriment jamais ; elle est ici intégrée à la feuille partagée, ce qui atteint le même but sans ce coût.

Notes Lighthouse : performance 100 et accessibilité 100 sur les 9 pages de l’échantillon, relevées par la même campagne que les chiffres ci-dessous. Elles sont publiées en résultat d’ensemble plutôt qu’en colonne du tableau : répéter 9 fois le même chiffre coûterait des octets à chaque visiteur sans rien lui apprendre.

Taux de conformité : non applicable en l’absence d’audit indépendant ; cette auto-évaluation ne produit pas de note globale.

L’empreinte de l’hébergement dépend du fournisseur et du mix électrique de son centre de données ; elle n’est pas mesurée ici.

Le contenu est conservé dans une base de données gérée, lue à la fabrication des pages et jamais depuis le navigateur : son empreinte échappe elle aussi à la mesure faite ici.

Une estimation d’émissions reste une estimation : elle sert à comparer des versions du site entre elles, pas à produire un chiffre absolu.