Mode sans média : les images ne sont pas affichées, et celles qui sont chargées à la demande ne sont pas téléchargées. Poids de cette page : —.

Faut-il éco-concevoir son site web pour vendre des prestations d’éco-conception ?

Une plongée dans l'exemplarité technique et les contradictions du monde du développement, et ce que nous avons fait, et pas fait, sur notre propre site.

Personnage divisé en deux : à gauche, une gourde et des feuilles ; à droite, un téléphone et des dollars.

Article mis à jour en octobre 2026 : contexte réglementaire, ce que nous avons fait (et pas fait) sur ouzom.fr, et le sommaire de la série.

L’engagement écologique, même dans le monde numérique, soulève inévitablement la question de l’exemplarité. Mais à quel point doit-on pousser le devoir d’exemplarité afin de ne pas être qualifié de ‘Greenwashing’ ?

Je dis souvent qu’il faut être à l’aise avec ses contradictions mais peut-on vraiment être à l’aise en accumulant des plugins sur une installation WordPress bancale, tout en hébergeant le tout sur un serveur cloud outre-Atlantique, et en parallèle, prôner la sobriété numérique ?

Dans la vie quotidienne, les exemples de ces contradictions sont courants, avec en tête le ‘t’es écolo mais tu as un Iphone’. (nouvelle fenêtre) Plus récemment, Jonathan Cohen s’est vu contraint de défendre le financement (par Bolloré) de son film à thématique écologiste lors d’une avant-première à Toulouse. Ou encore, il y a quelques années, Sebastian Vettel, ancien champion du monde de Formule 1, régulièrement pointé du doigt pour ses engagements écologiques. (nouvelle fenêtre)

L’exemplarité écologique dans le monde numérique

Dans l’univers du développement web, d’un côté, il y a la commodité des solutions prêtes à l’emploi, pas forcément optimisées, propulsées avec de nombreux outils tiers absorbant la complexité technique et souvent hébergés sur des serveurs lointains multipliant les appels réseaux.

De l’autre, il y aurait la voie de la sobriété, moins d’abstraction, une complexité technique, une compréhension et une maitrise des interactions entres les différents outils.

Au final, l’exemplarité (technique du moins), est plus une démarche quotidienne qu’une conformité absolue. Comme déjà évoqué dans notre article sur les nouveautés du RGESN, la recherche d’une conformité réglementaire totale est complexe.

La solution est pour moi d’ajouter cette nouvelle variable écologique dans la totalité des arbitrages des décisions techniques souvent dominés par le temps et l’argent.

L’importance d’une démarche quotidienne réfléchie

C’est dans cette démarche réfléchie et intentionnelle que les développeurs peuvent vraiment incarner l’exemplarité technique. Je résume souvent cela à du bon sens.

Pour revenir à ce site vitrine, j’aurais très bien pu choisir la facilité en propulsant le site par Wordpress avec un template Elementor et en hébergeant le tout sur AWS. Une analyse d’impact rapide montrerait que les 30 visiteurs mensuels ne changeraient pas vraiment la donne. Il s’agit encore une fois de trouver le bon arbitrage en fonction du projet.

J’ai donc choisi de viser une forme d’exemplarité que je qualifierais de pédagogique. L’utilité de cette démarche est donc de créer une véritable vitrine technique pour partager la vision d’un projet web au prisme de l’éco conception et comprendre les différences avec une approche plus traditionnelle.

Le contexte réglementaire

Quand cet article a été publié, la deuxième version du RGESN, le référentiel général d’écoconception des services numériques, venait de sortir, le 17 mai 2024. Elle reste la version de référence en 2026, avec ses 78 critères.

Côté accessibilité, le cadre s’est nettement durci. Depuis le 28 juin 2025, les services de commerce électronique sont soumis à des exigences d’accessibilité, en plus des organismes publics et des grandes entreprises déjà concernés. Nous détaillons qui est concerné dans notre article sur le RGAA obligatoire en 2026, et ce que prépare la prochaine version du référentiel dans notre article sur le RGAA 5.

Les deux référentiels se recoupent largement : un site léger, sans contenus qui se lancent seuls, avec des composants natifs et des formulaires qui signalent leurs erreurs avant l’envoi, coche des cases dans l’un comme dans l’autre. Le troisième volet de cette série en fait la liste.

Ce que nous avons fait sur ouzom.fr

Nous avions promis une vitrine technique. Voici où elle en est.

  • Un site refait en septembre 2026, toujours statique. Le site est construit avec Astro, qui n’envoie pas de JavaScript par défaut : la page d’accueil en charge 2,5 Ko, hors mesure d’audience.
  • Un écoscore mesuré en direct. Le 11 septembre 2026, notre page d’accueil obtenait 72 sur 100 à l’EcoIndex, soit la note B. Le score, le poids et le CO₂ sont désormais calculés par votre navigateur à chaque visite, et le poids de chaque page est affiché en bas de page, avec sa méthode de calcul.
  • Un budget vérifié à chaque mise en ligne. Notre éco-budget est passé de 1 024 à 500 Kio par page, et un serveur Lighthouse CI nous alerte quand une page le dépasse.
  • Un hébergement adapté au besoin. Un site statique n’a besoin que d’un serveur qui envoie des fichiers : nous sommes sur une offre mutualisée, en France. Nous expliquons ce choix dans notre article sur l’hébergement.
  • Une mesure d’audience sans cookie. Umami, 2,3 Ko de script, choisi après un comparatif des outils de mesure.
  • Un outil d’audit. Pour nos audits d’écoconception, nous avons construit Arriu, notre outil d’audit RGESN. Il remplace nos tableurs et rend les résultats d’audit partageables.

Et ce que nous avons assumé de ne pas faire

L’exemplarité pédagogique, c’est aussi montrer les arbitrages.

  • Des polices personnalisées. Deux familles en cinq fichiers, environ 80 Ko, là où des polices système ne coûteraient rien. Nous avons gardé une identité visuelle, avec un plafond de 100 Ko vérifié à chaque déploiement.
  • Des illustrations générées par intelligence artificielle. Nous l’indiquons sous chaque article concerné, comme nous indiquons quand l’IA a servi à la rédaction.
  • Un service tiers. Le script de mesure d’audience est hébergé par Umami, et non sur notre domaine.
  • Des animations décoratives. Des vagues et une cascade en SVG, qui suivent la préférence système et peuvent être arrêtées depuis chaque page.
  • Pas encore de règle d’archivage. Nous mettons à jour nos anciens articles, comme celui-ci, mais nous n’avons pas encore de règle pour supprimer ceux qui ne servent plus.

Aucun de ces choix n’est définitif : nous les revoyons quand nos mesures nous y invitent.

La série

La série compte cinq volets. Elle suit l’ordre d’un projet, de la conception à la mise en ligne :

Dans une logique de sobriété, la meilleure ligne de code est toujours celle qu’on n’écrit pas.


Ressources


Les images de cet article sont générées par IA. La mise à jour d’octobre 2026 a été rédigée avec l’aide de l’intelligence artificielle ; les chiffres cités viennent de nos propres mesures, détaillées dans les articles liés.

← Tous les articles

Un projet, un doute, un audit à planifier ?

On vous aide à définir le bon périmètre avant de parler budget.

Nous écrire