Écoconception d’un site web : avantages, méthode et limites

Un site écoconçu est un site pensé pour consommer le moins de ressources possible tout en rendant le service attendu : pages légères, images adaptées, peu de scripts tiers, hébergement choisi avec soin et code facile à maintenir. Ce n’est pas un simple geste pour la planète. La même démarche rend le site plus rapide, plus lisible, plus accessible et souvent moins coûteux à faire vivre. Voici ce que l’on peut en attendre, comment s’y prendre étape par étape, et où se situent les limites de cette approche.

Qu’est-ce que l’écoconception d’un site web ?

L’écoconception web applique au site internet un principe issu de l’industrie : réduire l’impact d’un produit dès sa conception plutôt que de le corriger après coup. Concrètement, elle s’appuie sur trois idées.

• Se demander si la fonctionnalité est utile avant de la développer : une page, un carrousel, une vidéo ou un widget qui ne sert ni le visiteur ni l’objectif du site n’a pas de raison d’exister.
• Faire léger ce qui reste : fichiers compressés, code allégé, peu de requêtes, ressources chargées seulement au moment où elles servent.
• Penser tout le cycle de vie : du serveur au terminal du visiteur, jusqu’à la durée pendant laquelle le site restera exploitable sans refonte.

Elle fait partie d’un ensemble plus large. Pour le cadre général, consultez notre article sur le green IT, ses principes et ses limites, qui replace l’écoconception parmi les autres leviers de l’informatique durable. Pour comprendre ce que l’on cherche à réduire, notre explication de la pollution numérique et de ses origines détaille la chaîne terminaux, réseaux et centres de données. Nous n’en reprenons donc ici que l’essentiel.

Quels sont les avantages d’un site web écoconçu ?

Pour l’environnement : moins de données, moins d’obsolescence

Chaque consultation mobilise un serveur, un réseau et un appareil. Une page plus légère demande moins de données à transférer et moins de calcul à l’affichage. Cet effet reste toutefois modeste à l’échelle d’une page : d’après les travaux de l’ADEME et de l’Arcep, la fabrication des équipements pèse plus lourd que leur usage. Le bénéfice le plus important de l’écoconception est donc souvent indirect : un site léger fonctionne correctement sur un téléphone ou un ordinateur ancien, et ne pousse pas le visiteur à renouveler son matériel. C’est d’ailleurs le premier des quatre objectifs du Référentiel général d’écoconception de services numériques (RGESN), dans sa version 2024 : allonger la durée de vie des terminaux.

Pour la performance : des pages plus rapides

Moins d’octets à télécharger et moins de scripts à exécuter, c’est un affichage plus rapide, surtout sur mobile ou avec une connexion moyenne. Pour situer votre site, les données de l’HTTP Archive, publiées dans le Web Almanac 2024, indiquent une page médiane d’environ 2,3 Mo sur mobile et 2,65 Mo sur ordinateur (mesures d’octobre 2024). Les images en représentent près de 40 %, et 92 % des pages chargent au moins une ressource tierce. Ce sont donc les médias et les scripts qui offrent le plus de marge de progression.

Pour le référencement : un effet indirect, pas une garantie

L’écoconception ne fait pas monter un site dans les résultats à elle seule. Google recommande toutefois de viser de bons indicateurs d’expérience de page, les Core Web Vitals, et fixe des seuils de référence : un affichage du plus grand élément en 2,5 secondes au plus (LCP), une réactivité inférieure à 200 millisecondes (INP) et une stabilité visuelle inférieure à 0,1 (CLS). Il ne présente pas ces indicateurs comme un facteur de classement isolé et ne chiffre pas leur poids face à la pertinence du contenu. Les actions d’écoconception (images allégées, scripts réduits, structure claire) améliorent ces mesures, mais le contenu reste déterminant : un site rapide dont les pages ne répondent pas aux questions des internautes ne se classera pas pour autant. Le plus sûr est de mesurer avant et après chaque modification, sans attendre de résultat garanti.

Pour l’accessibilité : des objectifs qui se rejoignent

Un site léger, bien structuré, avec des titres hiérarchisés, des contrastes suffisants et des textes alternatifs pour les images est plus facile à utiliser avec un lecteur d’écran, un clavier ou un appareil modeste. Les Web Sustainability Guidelines (WSG) du W3C, qui se déclarent alignées sur les WCAG 2.2, rappellent d’ailleurs qu’il ne faut pas supprimer au nom de la sobriété une information ou une fonction importante pour l’accessibilité. La sobriété ne justifie jamais de dégrader l’accès au contenu.

Pour le budget et la maintenance

Moins de plugins, de gabarits et de dépendances signifie moins de mises à jour, moins de failles à surveiller et moins de risques d’incompatibilité. Un site simple vieillit généralement mieux et s’expose moins à une refonte précipitée. Le gain dépend toutefois du projet : écoconcevoir demande un temps de cadrage et d’arbitrage au départ, qu’il faut mettre en balance avec les économies futures.

Quel est l’impact réel d’une page web ? Des ordres de grandeur, pas une valeur exacte

Vous trouverez en ligne des chiffres d’émissions par page très différents, parce que les outils ne mesurent pas la même chose. Certains partent du poids transféré, d’autres du nombre d’éléments de la page, d’autres de la consommation mesurée sur un appareil.

• EcoIndex, développé dans l’écosystème GreenIT.fr, calcule un score à partir de trois variables : le nombre d’éléments de la page (DOM), le nombre de requêtes et le poids des données. Sa documentation retient une base d’environ 2 g d’équivalent CO2 par page, qu’elle présente elle-même comme un ordre de grandeur, calculé pour une connexion ADSL et à comparer uniquement entre pages de même type.
• Un comparatif publié en 2022 par Marmelab, éditeur de l’outil GreenFrame et donc partie prenante, a mesuré la même page avec plusieurs outils : les estimations par visite allaient d’environ 0,11 g à 2,37 g d’équivalent CO2, soit un rapport proche de 20.

Que retenir de cet écart ? Qu’aucune valeur absolue n’est fiable pour une page isolée. Ces outils servent à comparer un site à lui-même, avant et après une modification, et à repérer les pages les plus lourdes. Pour replacer ces chiffres dans votre empreinte globale, nos repères pour calculer une empreinte carbone expliquent comment lire un résultat avec prudence. Quant au poids du numérique à l’échelle du pays, vous le trouverez dans l’étude ADEME et Arcep, actualisée en janvier 2025 : l’ordre de grandeur est de quelques pour cent de l’empreinte carbone nationale.

Comment écoconcevoir un site web, étape par étape

1. Cadrer le besoin. Listez ce que vos visiteurs viennent chercher et ce que le site doit accomplir. Chaque page, chaque fonction et chaque contenu doit répondre à l’un de ces besoins. Ce qui n’y répond pas peut être supprimé ou reporté.
2. Mesurer l’existant. Choisissez un ou deux outils (EcoIndex, GreenIT Analysis, PageSpeed Insights, les outils de développement du navigateur), testez vos pages types (accueil, article, page de vente) et notez le poids, le nombre de requêtes et les Core Web Vitals. Gardez les mêmes outils et conditions d’un test à l’autre.
3. Alléger les images et les médias. Dimensionnez chaque image à sa taille d’affichage, utilisez un format moderne comme WebP ou AVIF, activez le chargement différé des visuels situés plus bas dans la page et ne lancez jamais une vidéo automatiquement. Une vidéo n’est utile que si elle apporte plus qu’un texte ou une image.
4. Réduire les scripts, les polices et les extensions. Supprimez les scripts tiers inutiles (widgets, trackers redondants, boutons de partage), limitez le nombre de polices et de graisses, hébergez les ressources essentielles sur votre propre infrastructure et retirez les plugins en doublon. Les WSG du W3C recommandent de traiter les services tiers comme les vôtres et de ne les charger qu’à la demande lorsque c’est possible.
5. Simplifier la structure. Une navigation courte, des gabarits peu nombreux, un contenu bien hiérarchisé (titres, paragraphes courts) évitent aux visiteurs des détours, donc des pages chargées pour rien. Évitez le défilement infini et les pop-ups, que le RGESN range parmi les mécanismes de captation de l’attention.
6. Choisir l’hébergement et la mise en cache. Activez la compression des réponses et la mise en cache, dimensionnez le serveur au trafic réel et demandez à l’hébergeur des informations sur son électricité, son refroidissement et la durée de vie de ses serveurs. Plus le mix électrique est décarboné, plus l’impact de l’usage diminue : voir à ce sujet nos explications sur les enjeux de la transition énergétique.
7. Soigner l’accessibilité. Vérifiez les contrastes, la navigation au clavier, les textes alternatifs, la lisibilité sur petit écran. C’est à la fois une exigence de qualité et un moyen de garder le site utilisable par le plus grand nombre.
8. Prévoir la durée de vie. Documentez les choix, mettez à jour régulièrement, archivez ou supprimez les pages obsolètes, et fixez des seuils (poids maximal par page, nombre de requêtes) à ne pas dépasser lors de chaque évolution.
9. Contrôler dans le temps. Refaites vos mesures après chaque changement important. Pour structurer la démarche, le RGESN propose 78 critères et un modèle de déclaration d’écoconception à publier, qui rend le travail vérifiable.

Les référentiels à connaître

Référentiel	Qui le publie	À quoi il sert
RGESN, version 2024	Arcep et Arcom, avec l’ADEME, la DINUM, Inria et la CNIL	78 critères pour concevoir un service numérique plus sobre, avec un modèle de déclaration d’écoconception
Web Sustainability Guidelines (WSG)	W3C, groupe Sustainable Web	Bonnes pratiques en quatre volets : expérience utilisateur, développement, hébergement, stratégie de produit
Bonnes pratiques d’écoconception web	GreenIT.fr	Référentiel de bonnes pratiques du collectif français et méthode EcoIndex

Ces documents sont des outils volontaires : ils guident une démarche et n’offrent ni label automatique, ni garantie de résultat. Vérifiez leur version la plus récente sur le site de chaque organisme avant de vous y référer, car ils sont régulièrement mis à jour.

Limites et erreurs fréquentes

• Confondre minimalisme et écoconception. Un site épuré peut rester lourd s’il charge des scripts inutiles ou des images surdimensionnées.
• Retirer l’utile. Supprimer des textes alternatifs, des sous-titres ou des fonctions d’accessibilité pour gagner quelques kilo-octets est contre-productif.
• Se fier à un seul score. Un score EcoIndex ou un indice de performance mesure un instant et un contexte. Il ne remplace ni l’analyse du cycle de vie ni l’expertise d’un professionnel.
• Oublier l’effet rebond. Un site plus rapide peut attirer davantage de visites, donc davantage de trafic global. La sobriété de l’ensemble, évoquée dans notre article sur la sobriété numérique dans les usages, reste le complément indispensable.
• Négliger les terminaux. L’essentiel de l’impact du numérique vient des appareils. Un site écoconçu aide à les faire durer, mais ne remplace pas les gestes d’entretien et de réparation.
• Promettre des économies chiffrées. Les gains de coût, de trafic ou de positionnement dépendent du site de départ. Annoncez des mesures, pas des promesses.

Par où commencer ?

Choisissez une page représentative, mesurez-la, puis traitez dans l’ordre : les images, les scripts tiers, les fonctions inutiles, l’hébergement. La plupart des gains rapides se trouvent dans les deux premiers postes. Notez les résultats, comparez-les avec les mêmes outils après chaque modification, puis étendez la méthode aux autres gabarits. Si le site est confié à un prestataire, intégrez ces critères dans le cahier des charges : poids maximal des pages, accessibilité, limitation des services tiers, hébergement documenté.

Questions fréquentes

Qu’est-ce qu’un site web écoconçu ?

Un site web écoconçu est pensé dès le départ pour consommer peu de ressources : pages légères, images adaptées, peu de scripts tiers, hébergement documenté et code simple à maintenir. L’objectif est de rendre le même service avec moins de données transférées, tout en restant rapide, lisible et accessible à tous les visiteurs.

Un site écoconçu est-il mieux classé sur Google ?

Pas automatiquement. Google recommande de viser de bons Core Web Vitals, mais ne les présente pas comme un facteur de classement isolé ni ne chiffre leur poids face à la pertinence du contenu. L’écoconception améliore la vitesse et la clarté du site, ce qui aide, sans remplacer un contenu utile.

Combien de CO2 émet une page web ?

Il n’existe pas de valeur unique. La documentation d’EcoIndex retient environ 2 g d’équivalent CO2 par page comme ordre de grandeur, mais un comparatif publié par Marmelab en 2022 a relevé, sur une même page, des estimations allant d’environ 0,11 g à 2,37 g selon l’outil. Comparez toujours avec le même outil.

Quel poids viser pour une page web ?

Il n’existe pas de seuil officiel unique. À titre de repère, la page médiane mesurée par HTTP Archive en octobre 2024 pesait environ 2,3 Mo sur mobile. Fixez plutôt votre propre budget par type de page, en partant de votre mesure actuelle, puis réduisez-le progressivement en surveillant aussi la lisibilité et l’accessibilité.

L’écoconception web améliore-t-elle l’accessibilité ?

Les deux démarches se rejoignent souvent : structure claire, contrastes lisibles, navigation au clavier, textes alternatifs et pages légères profitent à tous. Les lignes directrices WSG du W3C précisent d’ailleurs qu’il ne faut pas retirer par sobriété une information ou une fonction importante pour l’accessibilité.

Par quoi commencer pour alléger un site existant ?

Mesurez d’abord quelques pages types avec les mêmes outils, puis traitez en priorité les images, qui représentent environ 40 % du poids médian d’une page selon HTTP Archive, puis les scripts tiers inutiles. Contrôlez ensuite l’hébergement, la mise en cache et la compression, et refaites vos mesures après chaque modification.

Sources : Arcep et Arcom, avec l’ADEME, la DINUM, Inria et la CNIL, Référentiel général d’écoconception de services numériques (RGESN), version 2024 (publié en mai 2024) ; ADEME et Arcep, évaluation de l’impact environnemental du numérique en France (actualisation de janvier 2025) ; W3C, Web Sustainability Guidelines (WSG), Sustainable Web Interest Group ; HTTP Archive, Web Almanac 2024, chapitre Page Weight ; Google Search Central, documentation sur les Core Web Vitals ; EcoIndex, méthodologie ; Marmelab, comparatif d’outils de mesure de l’empreinte carbone web (2022).