Éco-conception web : comment on a allégé notre site de 84 %

La plupart des sites internet sont trop lourds. La page moyenne ne cesse de grossir, et derrière chaque mégaoctet il y a de l’énergie dépensée, des données transférées, un site plus lent et, au bout du compte, un moins bon référencement. Quand on a reconstruit notre propre site, on s’est imposé une règle : le mettre au régime. Voici ce qu’on a fait, avec de vrais chiffres, et ce que l’éco-conception veut dire pour de bon.

Le point de départ : un site qui avait grossi

Notre ancien site tournait sous WordPress, avec un constructeur de pages et son lot d’extensions. Confortable à construire, mais lourd : de grosses images, une base de données interrogée à chaque visite, des scripts un peu partout. Comme beaucoup de sites, il s’était alourdi au fil des années sans qu’on y prenne garde. Le genre de dette qu’on ne voit pas, jusqu’au jour où on mesure.

Ce qu’on a changé, et ce que ça a donné

Des images qui pesaient pour rien

C’est le plus gros levier, et de loin. Sur presque tous les sites, les images font l’essentiel du poids. Les nôtres montaient parfois à plus de 2500 pixels de large pour un affichage réel autour de 700. On les a redimensionnées à une taille raisonnable, puis converties au format WebP, plus efficace que le JPEG ou le PNG.

Résultat : les images sont passées de 161 à 27 mégaoctets, soit 84 % de moins, sans perte visible à l’écran. À lui seul, ce travail transforme l’expérience sur mobile et sur connexion lente.

Un site statique plutôt qu’une usine à gaz

On a quitté WordPress pour un site statique : des fichiers préparés à l’avance et servis directement, sans base de données interrogée à chaque visite ni dizaines d’extensions à charger. Le site complet, images comprises, tient désormais dans 33 mégaoctets.

Concrètement, notre page d’accueil pesait près de 2 mégaoctets. Elle tient maintenant autour de 130 kilooctets au premier affichage, le reste des images ne se chargeant que lorsqu’on fait défiler la page. Un visiteur ne télécharge que ce qu’il regarde vraiment.

Zéro cookie, zéro traqueur

Il n’y a pas de bannière de cookies sur notre site, pour une raison simple : il n’y a pas de cookie. Aucun script tiers ne suit le visiteur. C’est meilleur pour la vie privée, ça simplifie la conformité au RGPD, et ça retire d’un coup du poids et des requêtes réseau.

Des polices chez nous, pas ailleurs

Nos polices sont hébergées sur notre propre serveur, au format woff2, le plus léger, plutôt qu’appelées depuis un service extérieur. Un aller-retour réseau de moins à chaque visite, et aucune donnée envoyée à un tiers au passage.

Au bout du compte, la page d’accueil charge sans aucun JavaScript externe, avec une structure volontairement sobre. Moins de code, moins de requêtes, moins d’énergie.

L’éco-conception, ce n’est pas un badge vert

Soyons clairs : l’éco-conception, ce n’est pas coller un logo « site vert » en bas de page. C’est de la sobriété, au sens propre : ne charger que le nécessaire, au bon moment, et se poser la question du poids à chaque décision.

Et la bonne nouvelle, c’est qu’il n’y a pas de compromis à faire. Ce qui est bon pour la planète est bon pour tout le monde. Un site plus léger charge plus vite, ce qui améliore l’expérience et le référencement, puisque Google tient compte de la vitesse. Il coûte aussi moins cher à héberger et à faire fonctionner. Performance et sobriété, ce n’est pas un arbitrage, c’est la même chose.

Pour nous, ce n’est pas non plus un argument marketing plaqué après coup. « Personne ne perdure si l’environnement se meurt » fait partie de nos valeurs. Cette refonte, c’est simplement cette valeur appliquée à notre propre maison.

Ce qu’on en retient pour vos projets

Il n’y a pas de recette magique, juste une méthode : mesurer le poids réel et les requêtes, alléger ce qui peut l’être (les images d’abord, puis les dépendances et les scripts), et vérifier le résultat. Cette rigueur vaut pour un simple site vitrine comme pour une boutique en ligne.

Un site plus léger, plus rapide et mieux référencé, ce n’est pas une option qu’on ajoute en fin de projet. C’est notre façon de concevoir par défaut. Si vous envisagez de refaire votre site, ou d’améliorer celui que vous avez, on en parle avec plaisir.