1. Consulter le modèle annoté

Modèle de déclaration environnementale avec commentaires

Ce modèle n'a pas vocation à être utilisé en l'état, et vise uniquement à expliciter le contenu de la page de déclaration environnementale. Vous pouvez télécharger un modèle directement modifiable ici.

Déclaration environnementale de ce site web

Ceci est le titre principal (H1) de la page, idéalement il ne doit pas être modifié

Niveau d’écoconception du site web

Les différents fichiers image correspondant à chaque note sont disponibles dans le section 5. Compléter votre page.

• Note EcoIndex : 60,2/100

• Consommation d’eau moyenne rapportée à 1 000 utilisateurs (en litres) : 26,9 (soit 3 packs d’eau minérale).*

• Émission de Gaz à Effet de Serre (GES) moyenne rapportée à 1 000 utilisateurs (kilos CO2e) : 1,8 (soit un trajet de 11 km en voiture à énergie thermique).*

Le calcul de la note globale peut être effectué au moyen du calculateur présent dans le dossier Calculateur.

Les correspondances en consommation eau et en émissions GES peuvent être calculées au moyen du calculateur présent dans la page 4. Calculer vos émissions.

Méthode d’évaluation

Comme toute production numérique, ce site web a un impact environnemental que nous vous présentons sur cette page à l’aide d’indicateurs standardisés.

Nous utilisons le référentiel EcoIndex proposé par le collectif GreenIT.fr, pour évaluer la performance environnementale de ce site web. Celui-ci est quantifié grâce à deux types d’indicateurs :

1. Niveau d’écoconception du site web. Cet indicateur évalue la mise en place de bonnes pratiques permettant de réduire l’impact d’une page web. Le niveau atteint est représenté par une évaluation relative de A à G (A est la meilleure note) associée à un score absolu de 0 à 100 (100 est la meilleure note).

2. Consommation d’eau et émission de GES liée au chargement de la page. Cet indicateur quantifie la consommation d’eau douce (cls) et l’émission de GES (gCO2e) liée au chargement d’une page web.

À des fins de synthèse, quatre types de données sont représentées :

1. Niveau d’écoconception pour les 5 pages les plus visitées du site web

2. Niveau d’écoconception pour 5 parcours utilisateurs type du site web

3. Consommation d’eau (exprimée en litres) et émission de GES (kilos CO2e) liée au chargement d’une page web pour 1 utilisateur, et rapportée à 1 000 utilisateurs.

4. Consommation d’eau (exprimée en litres) et émission de GES (kilos CO2e) liée à l’exécution d’un parcours pour 1 utilisateur, et rapportée à 1 000 utilisateurs.

Cette section n’a pas vocation a être modifiée, dans la mesure où elle pose le cadre d’évaluation commun à tous les sites qui déclarent leur impact environnemental.

L’analyse indiquée a été effectuée le 20/05/2022, elle est susceptible d’évoluer : la quantification des impacts environnementaux présentée ci-dessous est une photographie réalisée à un instant T.

Ici vous devez personnaliser ce paragraphe en renseignant la date à laquelle la mesure est réalisée.

Évaluation de l’impact des 5 pages les plus visitées du site

Dans le cadre de la création d’un nouveau site web (ne disposant pas de statistiques de fréquentation), vous pouvez évaluer l’impact des 5 pages jugées les plus importantes du site web.

Dans le cadre d’un site existant, on se base sur les 5 pages les plus visitées pour l’année en cours.

Page 1 : Nom de la page et lien vers la page

Ici insérer une capture écran du site Ecoindex ou de l’outil Green-It Analysis

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 28,6 (soit 3 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 1,9 (soit un trajet de 11 km en voiture à énergie thermique).

Les correspondances en consommation eau et en émissions GES peuvent être calculées au moyen du calculateur présent dans la section 5. Compléter votre page.

Page 2 : Nom de la page et lien vers la page

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 21,9 (soit 2 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 8,3 (soit un trajet de 11 km en voiture à énergie thermique).

Page 3 : Nom de la page et lien vers la page

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 30,4 (soit 3 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 2 (soit un trajet de 11 km en voiture à énergie thermique).

Page 4 : Nom de la page et lien vers la page

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 24,8 (soit 3 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 1,7 (soit un trajet de 62 km en voiture à énergie thermique).

Page 5 : Nom de la page et lien vers la page

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 29 (soit 3 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 1,9 (soit un trajet de 11 km en voiture à énergie thermique).

Évaluation de l’impact pour 5 parcours utilisateurs sur le site

La sélection des parcours types est à la discrétion de l’éditeur du site web.

Parcours 1 : Nom du parcours

• Objectif du parcours : description de la finalité du parcours, exemple : « Téléchargement par un élève d’une ressource mise à disposition sur le site. »

• Parcours cible : description des différentes étapes du parcours, exemple : « Chargement de la page d’accueil, choix du profil et du niveau, téléchargement de la ressource. »

Ici on explicite la finalité du parcours, on est orienté sur le but pour l’utilisateur final, par exemple « Demander un devis », « Télécharger une ressource », « S’inscrire sur le site ».

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 93,4 (soit 10 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 6,23 (soit un trajet de 36 km en voiture à énergie thermique).

Les correspondances en consommation eau et en émissions GES peuvent être calculées au moyen du calculateur présent dans la section 4. Calculer vos émissions.

Parcours 2 : Nom du parcours

• Objectif du parcours : description de la finalité du parcours, exemple : « Téléchargement par un élève d’une ressource mise à disposition sur le site. »

• Parcours cible : description des différentes étapes du parcours, exemple : « Chargement de la page d’accueil, choix du profil et du niveau, téléchargement de la ressource. »

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 1568,2 (soit 174 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 146,8 (soit un trajet de 839 km en voiture à énergie thermique).

Parcours 3 : Nom du parcours

• Objectif du parcours : description de la finalité du parcours, exemple : « Téléchargement par un élève d’une ressource mise à disposition sur le site. »

• Parcours cible : description des différentes étapes du parcours, exemple : « Chargement de la page d’accueil, choix du profil et du niveau, téléchargement de la ressource. »

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 60,6 (soit 7 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 147,5 (soit un trajet de 862 km en voiture à énergie thermique).

Parcours 4 : Nom du parcours

• Objectif du parcours : description de la finalité du parcours, exemple : « Téléchargement par un élève d’une ressource mise à disposition sur le site »

• Parcours cible : description des différentes étapes du parcours, exemple : « Chargement de la page d’accueil, choix du profil et du niveau, téléchargement de la ressource ».

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 60,2 (soit 7 packs d’eau minérale)

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 98,7 (soit un trajet de 564 km en voiture à énergie thermique).

Parcours 5 : Nom du parcours

• Objectif du parcours : description de la finalité du parcours, exemple : « Téléchargement par un élève d’une ressource mise à disposition sur le site »

• Parcours cible : description des différentes étapes du parcours, exemple : « Chargement de la page d’accueil, choix du profil et du niveau, téléchargement de la ressource »

• Consommation d’eau rapportée à 1 000 utilisateurs (en litres) : 60,3 (soit 7 packs d’eau minérale).

• Émission de GES rapportée à 1 000 utilisateurs (kilos CO2e) : 98,8 (soit un trajet de 565 km en voiture à énergie thermique).

L’écoconception

L’écoconception s’appuie sur une méthodologie et un ensemble de bonnes pratiques pour réduire l’impact de ce site web sur son environnement. Concrètement, il va s’agir de limiter les ressources techniques nécessaires à l’affichage d’une page ou à l’exécution d’une fonctionnalité, tout en étant au plus proche du besoin de l’utilisateur.

Vous êtes un professionnel du numérique et vous souhaitez réduire l’impact environnemental de vos sites ? Voici quelques bonnes pratiques à mettre en œuvre :

Quelques bonnes pratiques en matière d’ergonomie et de design

• Limiter le nombre de fonctionnalités dès la conception

• Supprimer les fonctionnalités non utilisées

• Limiter le nombre de carrousels

• Choisir des typographies au poids réduit

• Favoriser les designs simples et épurés

• Adopter quand cela est possible une approche "mobile-first"

• Préférer la pagination au défilement infini

• Éviter la lecture et le chargement automatique des vidéos et des sons

• Optimiser les parcours utilisateurs

• …

Quelques bonnes pratiques en matière de gestion des contenus

• Préférer les images aux vidéos

• Limiter le nombre d’images sur chaque page

• Optimiser la taille des images au format cible

• Compresser les images via un outil de type TinyPNG

• Compresser les pdfs via un outil de type iLovePDF

• Limiter l’utilisation des GIFs animés

• Préférer les glyphs aux images

• …

Quelques bonnes pratiques en matière de développement

• Proposer un traitement asynchrone lorsque c’est possible

• N’utilisez que les portions indispensables des bibliothèques JS et CSS

• Mettre en cache les données calculées souvent utilisées

• Limiter le nombre d’appels aux API HTTP

• Réduire le volume de données stockées au strict nécessaire

• Utiliser la version la plus récente du langage

• Fournir une alternative textuelle aux contenus multimédias

• Découper les CSS

• Ne pas faire de modification du DOM lorsqu’on le traverse

• Utiliser le chargement paresseux (lazyload)

• Valider les pages auprès du W3C

• Ajouter des entêtes Expires ou Cache-Control

• Compresser les fichiers texte : CSS, JS, HTML et SVG

• Mettre en place un sitemap efficient

Quelques bonnes pratiques en matière d’hébergement

• Choisir un hébergeur écoresponsable

• Installer le minimum requis sur le serveur

• S’appuyer sur les services managés

• Optimiser l’efficacité énergétique des serveurs

• Réduire au nécessaire les logs des serveurs

• Apache Vhost : désactiver le AllowOverride

• Utiliser des serveurs virtualisés

• Utiliser un serveur asynchrone

• Stocker les données dans le cloud

• …

Pour mettre en place votre déclaration environnementale :

→ Accéder à la documentation

Pour consulter la liste complète de bonnes pratiques de l’écoconception web :

→ Accéder au site web GreenIt

→ Accéder au dépôt GreenIt (GitHub)

Pour en savoir plus sur EcoIndex :

→ En savoir plus sur le référentiel EcoIndex

→ Accéder au site web EcoIndex

*Moyenne de l’impact environnemental des 5 pages les plus visitées ce site web.

Cette section n’a pas vocation à être modifiée dans son contenu pour fournir aux utilisateurs du site un cadre de connaissances uniforme sur l’écoconception, il est cependant possible de retirer cette partie si vous le souhaitez.