L'écoconception web, de la maquette à l'hébergeur

L'écoconception consiste à réduire l'impact environnemental d'un produit dès sa conception, en raisonnant sur tout son cycle de vie : fabrication, utilisation, fin de vie. La démarche est ancienne dans l'industrie et dans l'imprimé, où une agence sait qu'un document en une couleur, sur papier recyclé, chez un imprimeur certifié, pèse moins qu'un catalogue en quadrichromie pelliculé.

Appliquée au numérique, la logique reste la même et seuls les postes changent. Le cycle de vie d'un site comprend les appareils de ses visiteurs, le réseau qui transporte ses pages, les serveurs qui les fabriquent et les stockent, et la fabrication de tout ce matériel. Le site n'achète aucun de ces appareils, mais ses choix décident de la quantité de travail qu'il leur demande, et du moment où un appareil devient trop lent pour l'afficher.

La référence française est l'évaluation conduite par l'ADEME et l'Arcep. Sa réévaluation, publiée fin 2024 sur des données de 2022, donne les ordres de grandeur suivants.

Deux enseignements en découlent pour un site. D'abord, la fabrication du matériel reste la première source d'émissions du numérique, devant son utilisation : faire durer les appareils compte davantage que de grappiller quelques watts sur leur fonctionnement, et un site qui reste utilisable sur un téléphone de cinq ans ne participe pas à son remplacement. Ensuite, la part des centres de données est bien plus lourde qu'on ne le pensait, ce qui donne du poids au choix de l'hébergeur et à la quantité de données qu'un site stocke et transfère.

Les décisions les plus lourdes se prennent dans l'outil de conception, et aucune optimisation ne les rattrape ensuite : une vidéo d'accueil compressée reste une vidéo téléchargée à chaque visite. Le tableau reprend les cas les plus fréquents, avec ce que l'alternative sobre fait perdre, car elle fait toujours perdre quelque chose.

Le RGESN, le référentiel français du domaine, consacre d'ailleurs une partie de ses critères à la captation de l'attention : défilement infini, sollicitations répétées. Ces mécaniques allongent le temps passé, donc la consommation, sans rien apporter au visiteur venu chercher une information.

• Les images. Dimensionnées pour leur cadre, compressées, dans un format récent, chargées à l'approche quand elles sont hors écran. C'est le premier poste de poids d'un site vitrine, et le mémo sur les images et le poids des pages détaille les quatre corrections dans l'ordre de leur rendement.
• Les polices. Une seule famille, deux graisses, réduites aux caractères réellement employés, ou les polices déjà présentes sur l'appareil.
• Les scripts tiers et les traceurs. Chacun ajoute des requêtes vers d'autres serveurs. Retirer ceux qui ne servent plus allège chaque page sans rien changer à ce que voit le visiteur.
• Le serveur. Mise en cache des pages, compression, requêtes économes en base de données, et une durée de conservation fixée pour les données, les journaux et les sauvegardes.
• La compatibilité. Vérifier le site sur un téléphone ancien et une connexion lente. Un site qui reste fluide sur un appareil de cinq ans évite, à son échelle, l'obsolescence logicielle : le remplacement d'un appareil qui fonctionne encore.

L'hébergement fait partie de l'écoconception : le RGESN lui consacre une famille entière de critères, et la part des centres de données dans l'empreinte nationale montre que le sujet pèse. Pour un site vitrine, il vient en complément du reste : un hébergeur exemplaire ne compense pas une page de huit méga-octets.

Quatre critères permettent de comparer deux hébergeurs, à condition qu'ils publient leurs chiffres.

Un exemple de transparence : OVHcloud publie chaque année son PUE, 1,26 sur son exercice 2024 selon sa déclaration de performance extra-financière, ainsi que sa consommation d'eau, et fournit un calculateur carbone aux clients de ses offres d'infrastructure. Je le cite pour sa démarche de publication ; les mêmes questions se posent à tout hébergeur, à commencer par le vôtre.

Le référentiel général d'écoconception de services numériques a été publié en 2024 par l'Arcep et l'Arcom, avec l'ADEME, la DINUM, la CNIL et l'Inria. Ses 78 critères sont posés sous forme de questions et rangés en neuf parties : stratégie, spécifications, architecture, expérience et interface utilisateur, contenus, frontend, backend, hébergement et algorithmie. Chacun porte un niveau de priorité : prioritaire, recommandé ou modéré.

Il affiche quatre objectifs : allonger la durée de vie des équipements, rester sobre face à la captation de l'attention, limiter les ressources consommées, et rendre l'empreinte du service plus transparente.

Pour une entreprise, la démarche reste volontaire. S'en prévaloir suppose de publier une déclaration d'écoconception, document public qui détaille les critères appliqués, les choix faits et les actions prévues ; l'outil d'autoévaluation officiel en produit un export utilisable tel quel.

L'accessibilité numérique et l'écoconception se renforcent le plus souvent. Une structure HTML simple et bien titrée sert les lecteurs d'écran et allège la page. Des animations rares ménagent les personnes sensibles au mouvement et la batterie. Une vidéo lancée par le visiteur et sous-titrée coûte moins à télécharger et se comprend sans le son. Des parcours courts aident tout le monde.

Les arbitrages naissent surtout des demandes de charte ou de marketing : une vidéo d'accueil, trois polices, un carrousel. Ils se tranchent mieux avec un argument double, puisque ce qui gêne l'accessibilité alourdit souvent aussi la page. Le mémo sur l'accessibilité dit par où commencer.

1. Mesurer trois pages types (l'accueil, une page de contenu, la page de contact) avec EcoIndex et Lighthouse, et noter le poids, le nombre de requêtes et la note.
2. Retirer ce qui ne sert pas : vidéo en lecture automatique, carrousel, extensions inactives, traceurs que plus personne ne consulte.
3. Traiter les images, en suivant les quatre corrections du mémo qui leur est consacré.
4. Réduire les polices à une famille et deux graisses.
5. Remplacer les contenus tiers intégrés (carte, vidéo, fil social) par une image qui charge le service au clic.
6. Ouvrir le site sur le plus vieux téléphone disponible, en connexion lente, et corriger ce qui bloque.
7. Mesurer à nouveau, et garder les chiffres : ils serviront d'argument auprès d'un client ou d'une direction.

Les questions d'hébergement attendent l'échéance du contrat, et le RGESN s'aborde ensuite, par ses critères prioritaires.