À cette fin, cette déclaration a été rédigée le 25/06/2026, pour partager les résultats et les pratiques mises en œuvre par les parties prenantes du projet (Kompa Design, Pikselkraft).
Le référentiel RGESN
Le référentiel général de l’écoconception des services numériques, document réalisé par l’Arcep et l’Arcom, en collaboration avec l’ADEME, la DINUM, la CNIL et l’Inria, est disponible sur le site web de l’Arcep.
Sa mise en œuvre poursuit quatre objectifs principaux :
- Concevoir des services numériques plus durables permettant d’allonger la durée de vie des terminaux ;
- Promouvoir une démarche de sobriété environnementale face aux stratégies de captation de l’attention de l’utilisateur pour des usages en ligne avec les objectifs environnementaux internationaux ;
- Diminuer les ressources numériques mobilisées, optimiser le trafic de données et la sollicitation des infrastructures numériques ;
- Accroître le niveau de transparence sur l’empreinte environnementale du service numérique.
Les impacts du numérique
- 849 097 tonnes de déchets d'équipements électriques et électroniques ont été collectées en France pour un taux de recyclage de 77 % en 2020 (ADEME, 2021)
- En 2022, en France, le secteur numérique représentait environ 11 % de la consommation énergétique totale du pays, en augmentation de 50 % par rapport à cinq ans auparavant et 4,4% des émissions carbone. Source ADEME
- Selon la dernière étude de l'ADEME sur l’évaluation des impacts du numérique, en 2022 :
- Les terminaux représentaient 50 % de l’empreinte carbone du numérique, les data centers 46 % et les réseaux 4 %.
- La phase de fabrication qui concentre la majorité des impacts environnementaux. Elle représente 60 % de l’empreinte carbone et la phase d’utilisation 40 %.
Pourquoi éco-concevoir un site internet ?
Éco-concevoir un site internet, c’est donc réfléchir à sa consommation d’énergie à l’usage et contribuer à l’allongement de la durée de vie des infrastructures et des équipements numériques qui permettent d’y accéder.
Il s’agit donc de choisir les bonnes méthodes et les bons outils de conception pour limiter :
- Le chargement et le transfert de données : images, contenus, requêtes entre le site et des outils externes, durée d’utilisation du site par un utilisateur, etc.
- L’obsolescence du site : compatibilité avec les équipements et les d’autres technologies, durabilité des informations qu’il contient, etc.
Face au défi écologique se dresse aussi le défi de l’accessibilité, de l’éthique et de l’attention.
Dans le prolongement de la démarche d’éco-conception, il convient donc de prêter également attention :
- à l’accessibilité du service numérique, en appliquant autant que possible les principes du Référentiel Général pour l’Amélioration de l’Accessibilité (RGAA)
- à la gestion des données, en assurant le respect de la vie privée et du RGPD
- au respect du temps de l’utilisateur, en optimisant l’accès à l’information et en limitant le recours au technique de captation.
La démarche appliquée au site
Le site de Kompa Design s’inscrit dans cette démarche d'écoconception en privilégiant la structure la plus simple pour concevoir les pages : un site statique HTML/CSS.
Cette approche simplifie techniquement le projet dans sa conception et sa maintenance. Une offre d'hébergement simple est suffisante pour l'héberger.
Ce site web a été écoconçu dans le cadre d'un projet réalisé avec Pikselkraft (design et développement).
Stratégie
- Compatible avec des terminaux anciens depuis un réseau lent (voir mesure WebpageTest).
- Utilisation de technologies standards interopérables.
- Utilisation d’objectif d’écoconception et mesure d’indicateurs pour évaluer la démarche d’écoconception.
- Publication d’une déclaration d’écoconception.
Architecture
- Utilisation de composants natifs sans surcouche logicielle (framewoks, builder).
- Structure statique (HTML et CSS).
- Optimisation du code HTML et CSS.
UX/UI
- UI/UX fonctionnelles avec une connexion bas-débit (absence de ressources lourdes bloquantes).
- Menu mobile simple pour éviter une surcouche javascript pour l'accessibilité.
Contenus
- Une utilisation limitée des images.
- Des noms de liens et des boutons explicites.
- Des couleurs aux contrastes suffisants pour garantir la simplicité de lecture.
- Un webdesign responsive, c’est-à-dire adapté aux formats mobiles.
Frontend
- Mise en place d’une compression pour les images.
- L’utilisation d’illustrations vectorielles, intégrées dans le code plutôt que chargées comme des images pour limiter le nombre de requêtes et le poids des pages.
- Les animations utilisent uniquement du CSS pour éviter de surcharger le code avec du Javascript.
- La police de caractères est une font system assez répandue (Verdana).
- Chargement progressif des media (lazy loading).
Backend
- Absence de backend pour correspondre à la simplicité du site.
- Pas de requêtes extérieures au site.
- Une application des pratiques de sécurité même pour un site statique (score de 110/100 au Mozilla Observatory Test).
Hébergement
Choix d’un prestataire responsable et engagé pour l’hébergement : Infomaniak (ISO 14001:2015, ISO 50001 : 2018, PUE de 1.06)
Mesure et résultats
Les résultats partagés sont tirés d’une observation réalisée à partir des contenus publiés sur le site au mois de juin 2026 et ne tiennent pas compte des éventuelles modifications apportées par Kompa Design depuis et dans le futur. Seule la page d'accueil est prise en compte dans les mesures. Les autres pages étant uniquement des pages légales avec moins de ressources.
Poids des pages
- Page au chargement, avant mise en cache : 183 Ko
- Page complète , avant mise en cache : 1.1 MB
Requêtes
- Page au chargement, avant mise en cache : 7 requêtes
- Intégralité de la page, avant mise en cache : 15 requêtes
Complexité du DOM
- Intégralité de la page, avant mise en cache (Éco-index) : 147 éléments
Notation environnementale
- Note Éco-index : A
Performance
- Score accessibilité (Google Speed Insight) : 100/100
- Score performance (Google Speed Insight) : 100/100
- LCP (Large Contentful Paint) : 1,5 sec
- Yellow Lab score : 99/100
- Temps de chargement complet en connexion 3G lente (400 Kbps) appareil Nexus 5 : 3.2 secondes
Comparaison avec la moyenne mondiale
- Poids de page : 2,157 KB
- Requêtes : 71
Source : Web Almanac