Éco-conception web : profiter d'une refonte pour un site sobre (et plus rapide)

L’éco-conception d’un site web se décide au moment de la refonte, et presque jamais après. Non par militantisme, mais par arithmétique : alléger un site existant revient à retirer des briques empilées depuis des années, alors qu’une refonte repart d’une base neuve. Et la sobriété a un effet secondaire que personne ne refuse : le site est plus rapide.

Ce que pèse une page, et qui porte le poids

Le sujet paraît abstrait tant qu’il n’est pas chiffré. Les bons indicateurs sont peu nombreux, et tous accessibles gratuitement.

Le poids ne se paie pas là où il se fabrique

Une page web a un poids, mesuré en méga-octets, comme un fichier à télécharger. Ce poids, ce n’est pas vous qui le portez sur la fibre du bureau : c’est votre visiteur, sur son forfait, dans une zone mal couverte, un dimanche soir.

Cette asymétrie rend le sujet invisible aux propriétaires de sites et très concret pour leurs clients. Le site que vous trouvez fluide est peut-être celui qui fait fuir vos visiteurs mobiles, et rien dans votre usage quotidien ne vous le dira.

Les trois postes qui font presque tout le poids

Les images d’abord, presque toujours le poste le plus lourd, surtout quand la photo brute sortie de l’appareil est mise en ligne en pleine résolution là où une version compressée ferait le même effet. Les scripts ensuite : chaque librairie, chaque traceur, chaque widget de réseau social ajoute du code à exécuter avant que la page devienne utilisable. Les vidéos enfin, surtout celles qui se lancent en boucle dès l’ouverture.

Aucune de ces briques n’est grave isolément. Empilées, elles font un site lent.

Ce qui se mesure, et avec quoi

La sobriété n’est pas une intention, c’est une série de grandeurs. Quatre suffisent, et l’onglet « Réseau » de votre navigateur les donne sans rien installer : le poids total de la page, le nombre de requêtes, le nombre de scripts tiers, et le poids de la plus grosse image. Relevez-les avant la refonte et après : ce sont les seuls chiffres qui prouvent que le travail a été fait.

Sobriété et vitesse : la même cause, deux bénéfices

Les deux sujets se recouvrent largement, et il est utile de savoir où ils se séparent, parce que les leviers ne sont pas tout à fait les mêmes.

Ce que l’éco-conception partage avec la performance

L’essentiel des gestes est commun : compresser les images, retirer les scripts inutiles, éviter les polices multiples. Tout ce que vous allégez pour la sobriété améliore mécaniquement la vitesse, et donc les Core Web Vitals, ces indicateurs que Google utilise comme signal.

La mécanique complète du chargement est traitée dans notre article sur le temps de chargement et le référencement. Nous n’y revenons pas : la sobriété est la cause, la vitesse est le bénéfice.

Ce qu’elle ajoute, et que la performance ne dit pas

La performance optimise ce qui existe. L’éco-conception interroge son existence. Un carrousel peut être parfaitement optimisé et rester une mauvaise idée ; une page peut charger en une seconde et n’avoir aucune raison d’exister.

C’est la différence entre accélérer un trajet et se demander s’il faut le faire. La performance ne pose jamais la seconde question : l’éco-conception apporte le périmètre, la durée de vie, et ce qui n’est pas construit.

Pourquoi la refonte est le seul moment confortable

Le geste est le même à dix ans d’écart, son prix ne l’est pas. C’est toute la raison de traiter le sujet maintenant plutôt qu’un jour.

Retirer coûte, choisir ne coûte rien

Sur un site en production, chaque allègement se heurte à la même crainte : y toucher et casser autre chose. Les scripts ont été ajoutés un par un par des prestataires successifs, et plus personne ne sait lequel sert encore. Retirer devient un travail d’archéologie, facturé comme tel, pour un gain incertain.

Une refonte inverse la charge. Vous ne retirez rien : vous choisissez ce que vous ajoutez.

Les décisions qui se prennent avant la première ligne

Trois arbitrages pèsent plus lourd que toutes les optimisations réunies, et les trois se prennent au cadrage : le nombre de pages réellement utiles, le parti pris visuel (une page dense en images coûtera cher toute sa vie), et le socle technique retenu.

Aucun ne se rattrape ensuite sans refaire le travail. C’est pour cela que la sobriété se décide dans la même réunion que le reste du projet.

Ne pas confondre les chantiers

Si vous en êtes à vous demander s’il faut refaire votre site, la question se traite dans quand refondre son site internet. Et si la refonte est décidée, la priorité reste de ne pas perdre l’acquis : refondre sans perdre son référencement. L’éco-conception se greffe sur ces deux chantiers, elle ne les remplace pas.

Les cinq leviers qui allègent une page

Voici ce que nous appliquons sur les refontes menées depuis Vendargues, du levier le plus rentable au plus fin.

• Réduire le périmètre : la page la plus sobre est celle qui n'est jamais chargée. Supprimez les pages que personne ne visite, les carrousels décoratifs, les fonctionnalités gadgets.
• Maîtriser les médias : compresser les images, servir des formats modernes comme le WebP ou l'AVIF, et ne charger une image ou une vidéo qu'au moment où elle devient visible à l'écran.
• Choisir un socle léger : un thème sobre plutôt qu'un mille-feuille d'extensions, du code sobre, une seule police bien choisie au lieu de dix.
• Simplifier les parcours : moins de clics pour arriver au but, c'est moins de pages chargées et un visiteur plus content.
• Héberger plus sobrement : un hébergeur qui affiche sa démarche environnementale, et des serveurs proches de vos visiteurs plutôt qu'à l'autre bout du monde.

Le levier le plus rentable : ce que vous ne construisez pas

Le premier de la liste est de loin le plus efficace, et le seul qui soit gratuit. Une page supprimée ne se compresse pas, ne se met pas à jour, ne se casse pas.

C’est aussi le plus difficile à faire accepter, parce qu’il se heurte à l’idée qu’un site riche est un site sérieux. Regardez vos statistiques de fréquentation avant de trancher.

Les médias, et la seule règle qui tienne

La règle vaut mieux que la liste des formats, qui changera : une image ne doit jamais être servie plus grande que la place qu’elle occupe à l’écran. Une photo de 4 000 pixels affichée dans un cadre de 600 transfère des dizaines de fois trop de données pour un résultat identique à l’œil.

Le reste suit : compression, format moderne, chargement différé de ce qui est hors écran. Et la vidéo d’ambiance qui se lance toute seule est presque toujours le plus mauvais rapport entre le poids transféré et ce qu’elle apporte.

Le socle et l’hébergement

Un socle léger tient en une phrase : ce qui n’est pas installé n’a pas à être chargé, mis à jour, ni sécurisé. L’hébergement joue aussi, mais il obéit à ses propres critères, détaillés dans choisir son hébergement.

La durée de vie, l’angle mort de la sobriété

Tout ce qui précède porte sur le poids d’une page. Un second facteur pèse autant, et n’apparaît sur aucun outil de mesure : le nombre d’années pendant lesquelles ce site va servir.

Un site refait tous les trois ans n’est jamais sobre

Fabriquer un site a un coût, en travail comme en ressources. Un site allégé mais reconstruit tous les trois ans fait payer trois fois cette fabrication sur la même période. Un site un peu plus lourd mais qui tient dix ans l’amortit largement mieux.

Le calcul est celui d’un bâtiment : la question n’est pas seulement combien il consomme, mais combien de temps il tient avant sa démolition.

Ce qui fait qu’un site vieillit bien

Trois propriétés, toutes décidées à la conception. Un contenu que vous pouvez modifier vous-même, sinon le site se périme au premier changement d’offre. Une structure qui accepte des pages en plus sans tout redessiner. Des choix techniques répandus plutôt qu’exotiques, pour qu’un autre prestataire puisse reprendre le travail.

Un site impossible à faire évoluer est un site qu’il faudra refaire : le scénario le moins sobre de tous.

Le RGESN et la loi REEN, en clair

La démarche a un cadre, et il ne relève pas de la bonne intention.

Ce que disent les textes, et à qui ils s’imposent

La loi REEN (Réduction de l’Empreinte Environnementale du Numérique), votée en 2021, structure la politique française sur le sujet, et c’est elle qui a donné naissance au RGESN, le référentiel général d’écoconception de services numériques.

Pour l’instant, l’obligation vise essentiellement le secteur public. Le référentiel se lit utilement même sans y être soumis : il fournit une liste de critères concrets, ce qui vaut mieux qu’une intention générale.

Ce qu’un donneur d’ordre regarde déjà

Appels d’offres et grands comptes intègrent de plus en plus ce critère. Dans un tissu de TPE et PME où presque personne ne s’en occupe encore, un site sobre est un signal de sérieux, comme un artisan qui laisse un chantier propre. L’argument est d’autant plus solide qu’il se prouve : les quatre indicateurs du début se relèvent en deux minutes, chez vous comme chez votre concurrent.

Ce qu’il ne faut pas en faire

Une réserve, et elle est importante. Les équivalences carbone qui circulent (tant de grammes par page vue, tant de kilomètres en voiture) reposent sur des méthodes de calcul très variables et souvent invérifiables. Nous n’en citons aucune, et nous vous invitons à vous méfier de tout prestataire qui en avance sans nommer sa source et sa date. Ce qui est mesurable chez vous, ce sont des méga-octets et des requêtes : moins spectaculaire, et vrai.

Alléger est notre part, décider de l’utile reste la vôtre

L’éco-conception entre dans nos refontes sans devenir un argument de vitrine : audit de l’existant, tri des pages, images optimisées, socle léger, plan de redirections complet. Le détail est sur notre page refonte de site internet, et si le projet dépasse la refonte, notre guide pour créer un site d’entreprise efficace reprend le chantier depuis l’objectif.