En savoir plus sur l’écoconception du site

L'ADEME a entamé une démarche d’amélioration de ses services numériques dans le cadre de son engagement pour un numérique plus responsable. Les systèmes d’Information de l’Agence ont notamment obtenu le label Numérique Responsable niveau 2 en octobre 2021 : https://label-nr.fr/pourquoi/.

Dans ce cadre, ce site Internet a été pensé et développé dans une logique d’écoconception.

La philosophie

Le numérique responsable décline les 3 axes du développement durable : Écologie/Société/Économie.

Nous nous sommes fixés 3 objectifs pour répondre aux exigences de l’écoconception :

Créer un site léger (en termes de code mais également de visuels et de fonctionnalités) avec moins de besoin de stockage et de transfert de données. Le but est d’économiser l’énergie nécessaire pour faire fonctionner le site et d’allonger la durée de vie du matériel.
Faciliter l’accès à tous les utilisateurs en respectant les exigences d’accessibilité et de protection des données personnelles.
Fournir un site internet utile et pérenne avec une navigation facilitée et non intrusive et surtout un site facile à entretenir.

Comment ?

Afin de répondre à ces objectifs nous avons sélectionné des prestataires orientés vers un Numérique Responsable. Nous avons mis en place de bonnes pratiques d’écoconception selon les recommandations du référentiel général d’écoconception de services numériques publié par la mission Interministérielle du Numérique Responsable.

Nous avons agi aussi bien sur le plan technique qu’éditorial.

Les réflexions menées nous ont permis de garantir un périmètre fonctionnel adapté au juste nécessaire et de ne pas développer de fonctionnalités et des contenus inutiles ou à peu de valeur ajoutée.

Sur le plan technique, nous avons utilisé des briques logicielles standard et des technologies maintenables afin d’assurer un allongement de la durée de vie du site.

Ce site DRUPAL 10 permet de gérer la désactivation des composants (extensions) non utilisés. Dans le cadre de la maintenance du site, les composants qui ne sont plus utilisés (composants désactivés) sont supprimés de l’instance de production afin de ne pas encombrer l’instance inutilement.

Nous avons mené une politique éditoriale responsable en réduisant le nombre de pages présentes sur le site ainsi que le nombre de caractères au sein des pages elles-mêmes. Les textes se veulent concis tout en étant clairs et complets. Nous avons limité le nombre d’images et de vidéos afin d’alléger le chargement des pages.

Accès et profils de matériel

Le site web communication-responsable.ademe.fr est en libre accès à l’adresse https://communication-responsable.ademe.fr. Pour le consulter, il est nécessaire d’utiliser un terminal client (un téléphone, une tablette, un ordinateur, etc.). L’équipement doit être connecté à Internet et disposer d'un navigateur web à jour.

Terminaux client

Le site web communication-responsable.ademe.fr fonctionne avec succès sur des terminaux d'ancienne génération (5 ans et plus) conformément au critère 1.5 du RGESN (voir plus bas). Son interface utilisateur s’adapte d'ailleurs tout à fait à l’ensemble des équipements numériques éligibles ayant une définition physique d’écran d’au moins 360 x 640 pixels.

Quelques exemples d’équipements compatibles :

Téléphones : Samsung Galaxy S3, Sony Xperia Z, etc.
Tablettes : Google Nexus 7, Apple iPad Air, Samsung Galaxy Tab A6, etc.
Ordinateurs portables : Sony VAIO vpcej2l1e, HP 17-cp0000, etc.

Ce service numérique a été testé avec succès sur les équipement suivants (navigateurs web à jour) :

(2011) Laptop Sony Vaio VPC-EJ2L1E/W
(2018) Smartphone HONOR 9lite
(2021) Laptop HP 2Q7W9AV

Navigateurs web

La rétrocompatibilité du site web communication-responsable.ademe.fr est assurée avec les navigateurs web suivants (liste non exhaustive) :

Chrome 51 et supérieur
Firefox 49 et supérieur
Safari 10.1 et supérieur
Edge 1 et supérieur
Opera 47 et supérieur

La mise à jour de votre navigateur web est recommandée à la fois pour votre sécurité et pour pouvoir bénéficier des dernières évolutions technologiques du Web.

Note : La compatibilité avec Internet Explorer n’est pas assurée.

Définition d'une limite de poids et de requêtes par page

Limites de poids par type de gabarits de page

Accueil
- Nombre de requêtes réseau : 30
- Données transférées : 3 Mo
Rubrique Marketing responsable
- Nombre de requêtes réseau : 25
- Données transférées : 3 Mo
Page de contenu Comprendre le marketing responsable
- Nombre de requêtes réseau : 40
- Données transférées : 2,5 Mo
Page d'accueil du parcours Antigreenwashing
- Nombre de requêtes réseau : 30
- Données transférées : 1 Mo
Page d'actualité
- Nombre de requêtes réseau : 60
- Données transférées : 4 Mo
Page de liste de ressources
- Nombre de requêtes réseau : 50
- Données transférées : 3 Mo
Page de liste des actualités
- Nombre de requêtes réseau : 30
- Données transférées : 1 Mo

Ce nombre de requêtes et le nombre de données transférées sont les limites que nous avons fixé sur les différents types de gabarits de pages lors du chargement initial des pages du site. Ce volet est en cours de traitement dans le cadre de l'amélioration continue du site.

État de conformité en regard du référentiel d’éco-conception

Le site https://communication-responsable.ademe.fr est en conformité partielle avec le Référentiel Général d’Écoconception des Services Numériques (RGESN V1). L’audit de conformité, réalisé par la société Temesis en novembre 2023, révèle que 59 % des critères du référentiel sont respectés.

Ce pourcentage correspond à :

36 critères conformes
25 critères non conformes
18 critères non applicables

Échantillon

Pages web constituant l’échantillon :

Lien de téléchargement de l'audit initial RGESN

Établissement de cette déclaration de conformité

Cette déclaration a été établie le 11 juin 2024.

Elle sera mise à jour à la suite d’une première passe d’amélioration continue apportée par les équipes éditoriales et l’équipe de développement en juillet 2024.

Feuille de route des améliorations

Chantier n°1 - Déclaratif. Afin d'atteindre une conformité de 65% au RGESN

Définir et publier une liste de matériels compatibles (critère 1.4)
Définir et s’astreindre à une limite de poids et de requêtes par écran (critères 6.1 et 6.2)
Communiquer sur les impacts environnementaux des différentes fonctionnalités (critère 4.16)

Chantier n°2 - Technique Afin d'atteindre une conformité de 72% au RGESN

Corriger les dysfonctionnements relatif à la gestion du responsive (critère 1.6)
(pré)Valider la présence de la saisie utilisateur côté client lorsqu’elle est exigée (critère 4.13)
Minifier tous les fichiers CSS / JS (critères 6.4) ;
Activer la compression réseau sur les ressources de type HTML, CSS, JS, JSON et SVG (critère 7.2)

Et après ?

Nous mettons en place une démarche d’amélioration continue grâce à une évaluation de l’impact environnemental et social de notre site de manière régulière. Nos outils nous fournissent des indicateurs de suivi pour adapter nos méthodes et nos contenus tout au long du cycle de vie du site.