L’éco-conception web souffre d’un problème de vocabulaire : tout le monde en parle, peu de gens savent ce qu’elle change concrètement sur un site. Voici ce qu’elle recouvre vraiment, comment on mesure, et quels gestes ont un effet réel — par ordre d’importance.

Éco-conception web : de quoi on parle, exactement

Éco-concevoir un site, ce n’est pas planter des arbres pour compenser ses visites. C’est réduire les ressources nécessaires à son fonctionnement : moins de données transférées, moins de calcul côté serveur, moins de sollicitation du terminal de la personne qui consulte.

La différence est importante. La compensation intervient après coup et ne change rien au site. L’écoconception agit sur la cause, et elle se décide en grande partie avant la première ligne de code — au moment où l’on choisit combien de pages, quelles fonctionnalités et quels médias.

Deuxième idée reçue à écarter : un site sobre n’est pas un site laid ni pauvre. C’est un site où chaque élément justifie sa présence. La contrainte est la même que celle d’un bon design.

Ce qui pèse réellement dans une page

Quand on ouvre le capot d’une page lourde, on retrouve presque toujours les mêmes coupables, dans cet ordre.

Les images

C’est de loin le premier poste. Une photo exportée sans réglage peut peser plusieurs mégaoctets là où la même image, redimensionnée à sa taille d’affichage réelle et servie en WebP ou AVIF, tiendra en quelques dizaines de kilooctets. Le gain se compte en dizaines de fois, pas en pourcents.

La vidéo en lecture automatique

Une vidéo de fond qui démarre seule est le poste le plus coûteux d’une page, et le moins regardé. Si elle est décorative, une image suffit ; si elle est utile, elle mérite un clic.

Les polices web

Chaque famille, chaque graisse et chaque italique est un fichier de plus. Deux familles et trois graisses couvrent l’immense majorité des besoins.

Les scripts

Le poste le plus insidieux, parce qu’invisible. Une extension installée pour une fonction utilisée deux fois par an charge son code à chaque visite, pour tout le monde. Les traceurs et les widgets tiers appartiennent à la même catégorie : leur poids ne se voit pas, leur coût se paie à chaque page.

Mesurer avant de décider

Sans mesure, l’écoconception reste une intention. Trois outils suffisent, et ils sont gratuits.

  • EcoIndex classe une page de A à G en tenant compte du poids transféré, du nombre de requêtes et de la complexité du document. C’est la référence la plus citée en France, et la plus simple à faire lire à une direction.
  • GreenIT-Analysis, l’extension de navigateur, donne le même type de résultat directement pendant la navigation, page par page.
  • Lighthouse, intégré à Chrome, ne parle pas d’environnement mais de performance. Ses recommandations recoupent largement celles de l’écoconception : ce qui allège une page l’accélère.

Un conseil de méthode : mesurez d’abord vos pages les plus vues, pas votre page d’accueil par principe. Une page de service consultée mille fois par mois pèse plus lourd, au total, qu’une page institutionnelle vue trois fois.

Les gestes qui comptent, par ordre d’effet

Toutes les optimisations ne se valent pas. Dans l’expérience d’un projet réel, l’ordre est à peu près toujours celui-ci.

  1. Supprimer ce qui ne sert pas. Une page en moins, une fonctionnalité abandonnée, un carrousel dont personne ne voit la troisième image : c’est le seul geste dont le gain est de 100 %.
  2. Redimensionner et convertir les images. Effort faible, gain immédiat, aucun compromis visuel.
  3. Charger à la demande. Ce qui est sous la ligne de flottaison peut attendre que l’utilisateur descende.
  4. Réduire le nombre d’extensions. Sur WordPress, chaque extension ajoute du code, des requêtes et une dépendance de plus à maintenir.
  5. Mettre en cache. Une page servie depuis un cache ne mobilise ni base de données ni PHP.
  6. Choisir un hébergement sobre. Réel, mais loin derrière le reste : c’est la dernière étape, pas la première.

Le bénéfice n’est pas seulement écologique

C’est l’argument qui convainc les directions réticentes, et il est honnête : un site allégé est un site plus rapide. Plus rapide sur un mobile en 4G dans le métro, plus rapide sur un ordinateur d’accueil qui a cinq ans, plus rapide pour un moteur de recherche qui mesure les Core Web Vitals.

L’écoconception et l’accessibilité se rejoignent aussi souvent : une page qui fonctionne sans script superflu fonctionne mieux avec un lecteur d’écran. La sobriété ne se paie donc pas d’un sacrifice, elle se cumule avec des bénéfices qu’on cherchait déjà.

Ce que l’écoconception n’est pas

Un logo vert en pied de page. Afficher une mention « site écoconçu » sans mesure ni méthode, c’est du greenwashing — et c’est vérifiable en trente secondes par n’importe qui.

Une compensation carbone. Utile par ailleurs, mais elle ne rend pas un site sobre. Les deux démarches sont complémentaires, elles ne se remplacent pas.

Un projet ponctuel. Un site s’alourdit tout seul, au fil des ajouts. Sans mesure régulière, le gain obtenu à la mise en ligne s’efface en dix-huit mois.

Et si vous devez le prouver

Pour les organismes publics et les grandes entreprises, l’écoconception n’est plus seulement une bonne pratique : le RGESN en fixe le cadre, avec 78 critères et une déclaration à publier. C’est un autre exercice, plus formel, que nous détaillons dans notre guide du RGESN.

Si votre besoin est plus simple — un site qui pèse moins et qui va plus vite — commencez par mesurer trois pages et regarder ce qui les alourdit. Vous saurez très vite si l’affaire se règle en une journée ou si elle appelle une refonte.

C’est de cette façon que nous travaillons chez Studio Cassette : la sobriété comme critère de conception, pas comme argument de vente.

RSE