# A Propos Objectifs et principes de la déclaration d'impact Comme toute production numérique, un site web a des impacts environnementaux qui peuvent être mesurés, affichés et réduits. Ce projet de déclaration environnementale a vocation à établir une méthode commune pour l'évaluation des impacts des sites web sur l’environnement, et ce dans le but de créer deux effets vertueux : 1. **Permettre aux utilisateurs finaux de faire des arbitrages** quant à leur consommation numérique, par exemple en choisissant, pour un service donné, le site web le moins impactant pour la planète. 2. **Aider les éditeurs de site à réduire l’impact de leur production sur l’environnement**, en leur donnant les outils et méthodes pour mesurer et minimiser cet impact, ainsi qu’un référentiel commun. {% hint style="info" %} **Qui peut créer la page de déclaration environnementale ?** La création de la page de déclaration environnementale ne demande pas de connaissances techniques spécifiques. Grâce à cette documentation vous pourrez réaliser vos évaluations de manière autonome. La page peut donc être créée par toute personne ayant un minimum de connaissances web, et disposant d’un accès au back-office ou au serveur d’un site web. {% endhint %} ### Pour démarrer concrètement La page de déclaration environnementale est, concrètement, une page de contenu simple publiée sur votre site, **à la manière d’une page de mentions légales**. Pour démarrer, nous vous recommandons de : 1. [Consulter le modèle annoté](/realiser-votre-declaration/1.-consulter-le-modele-annote) pour comprendre le contenu de la déclaration. 2. [Télécharger un des gabarits](/realiser-votre-declaration/2.-telecharger-un-gabarit-de-page) de pages disponibles dans la présente documentation. 3. [Réaliser les mesures](/realiser-votre-declaration/3.-realiser-les-mesures) via le site Ecoindex ou le plugin GreenIT-Analysis. 4. [Calculer vos émissions](/realiser-votre-declaration/4.-calculer-vos-emissions) en reportant dans le calculateur les mesures effectuées via Ecoindex ou GreenIT-Analysis. 5. [Compléter votre page de déclaration environnementale](/realiser-votre-declaration/5.-completer-votre-page) en saisissant les résultats obtenus via le calculateur sur votre page. ### Vous avez réalisé votre déclaration environnementale ? [Complétez ce formulaire pour demander son ajout à la section "site évalués"](https://docs.google.com/forms/d/1FSH8BhmWDG6VKmnS1YZ95i_-CdB9o5c3Gobrbx7kzUw/viewform?ts=6486c0ac\&edit_requested=true)[.](https://docs.google.com/forms/d/1FSH8BhmWDG6VKmnS1YZ95i_-CdB9o5c3Gobrbx7kzUw/viewform?ts=6486c0ac\&edit_requested=true) {% embed url="" %} {% hint style="info" %} **Parmi les sites ayant réalisé leur déclaration environnementale :** * [**Covéa Affinity**](https://www.covea-affinity.com/declaration-environnementale/) * [**Dalkia**](https://www.dalkia.fr/declaration-environnementale-site-web-dalkia/) * [**Département d'Ille-et-Vilaine**](https://www.ille-et-vilaine.fr/declaration-ecoconception) * [**Grenoble Alpes Métropole**](https://www.grenoblealpesmetropole.fr/302-eco-conception.htm) * [**Groupe Les Echos-Le Parisien**](https://lesechosleparisien.fr/declaration-environnementale-de-ce-site-web/) * [**Meuse Attractivité**](https://www.lameuse.fr/declaration-environnementale) * [**Petit Forestier**](https://www.petitforestiergroup.com/declaration-environnementale) * [**RATP Group**](https://ratpgroup.com/fr/declaration-environnementale/) * [**SPIE Groupe**](https://www.spie.com/fr/declaration-environnementale) {% endhint %} ### Acteurs engagés La déclaration environnementale est une initiative portée par le collectif Green IT en partenariat avec l'Association des Agences Conseil en Communication (AACC). Contactez-nous si vous souhaitez soutenir cette initiative e t la diffuser à votre réseau.
AACC - Green IT
### Réaliser votre déclaration Suivez les étapes de la présente documentation pour réaliser, en totale autonomie, votre déclaration environnementale. {% content-ref url="/pages/279ENFnHc1Gb8xB3qcWF" %} [Les étapes de la déclaration](/realiser-votre-declaration/les-etapes-de-la-declaration) {% endcontent-ref %} {% content-ref url="/pages/5kYbCcMl1DmnInZcWDAI" %} [1. Consulter le modèle annoté](/realiser-votre-declaration/1.-consulter-le-modele-annote) {% endcontent-ref %} {% content-ref url="/pages/zaOt9rxtQ9Ih6ybFUxLn" %} [2. Télécharger un gabarit de page](/realiser-votre-declaration/2.-telecharger-un-gabarit-de-page) {% endcontent-ref %} {% content-ref url="/pages/jomKxXqCFGsmwWHC1vpB" %} [3. Réaliser les mesures](/realiser-votre-declaration/3.-realiser-les-mesures) {% endcontent-ref %} {% content-ref url="/pages/1dcyHG2MtS3JaImF0qqx" %} [4. Calculer vos émissions](/realiser-votre-declaration/4.-calculer-vos-emissions) {% endcontent-ref %} {% content-ref url="/pages/fWlYdutpGLoZXkmJvPPL" %} [5. Compléter votre page](/realiser-votre-declaration/5.-completer-votre-page) {% endcontent-ref %} ### Ressources Inspirez-vous en consultant les sites pilotes du projet. {% content-ref url="/pages/pPYTvvk6NVxnEaov4ZkE" %} [Sites évalués](/ressources/sites-evalues) {% endcontent-ref %} ### En savoir plus Une question, un problème ? Contactez le support : {% content-ref url="/pages/t2dMq4q6YVppc3LrCmG4" %} [Contact](/en-savoir-plus/contact) {% endcontent-ref %} > La déclaration environnementale est une évaluation facultative laissée à initiative de l’éditeur du site web ; **sa vocation n’est pas commerciale, et sa conception vise à éviter le « Greenwashing ».** La mesure est effectuée grâce au site *Ecoindex* ou à l’outil open-source *Green-IT Analysis.* > > — Accéder au [dépôt Green-IT Analysis](https://github.com/cnumr/GreenIT-Analysis) > La déclaration de mesure d’impact est un projet open-source **diffusé en licence libre**, il est donc laissé à la libre disposition de toutes et tous sans aucune contrepartie, mais dans le respect des termes de sa licence. > > — Consulter les termes de [la licence CC-By-NC-ND](https://creativecommons.org/licenses/by-nc-sa/2.0/fr/) > *Outil Ecoindex, ecoindex.fr/greenit.fr,* [*licence Creative Commons CC-By-NC-ND*](https://creativecommons.org/licenses/by-nc-sa/2.0/fr/) *(les valeurs ACV utilisées pour évaluer les impacts environnementaux ne sont pas sous licence libre - @Frederic Bordage) ; Référentiel « **Ecoconception web : les 115 bonnes pratiques »**, greenit.fr,* [*licence Creative Commons CC-By-NC-ND*](https://creativecommons.org/licenses/by-nc-sa/2.0/fr/)*.* > Certaines fonctionnalités de ce site reposent sur l’usage de cookies. Le bandeau cookies ne s’affiche pas sur la page d’accueil lors de votre navigation car seuls des cookies nécessaires au fonctionnement du site sont déposés. [Accéder à la liste des cookies](https://docs.greenit.fr/en-savoir-plus/mentions-legales#liste-des-cookies). # Nouveautés {% hint style="info" %} **01/06/2023** Une nouvelle version du calculateur a été publiée dans l'onglet "4. Calculer vos émissions". Celle-ci vise à améliorer la prise en main de l'outil et à préciser certaines modalités de calcul. Cette nouvelle version ne rend pas caduque les déclarations environnementales réalisées avec la matrice précédente. {% endhint %} # Les étapes de la déclaration Pour réaliser votre déclaration, des outils et conseils sont mis à votre disposition dans la présente documentation. La déclaration environnementale est concrètement une page web présente sur votre site et idéalement accessible via un lien présent depuis le pied de page, **à la manière d'une page de mentions légales**. **Vous êtes libres de personnaliser la mise en forme de votre déclaration**, le contenu de la page ne doit cependant pas être modifié. La déclaration environnementale peut être réalisée par **toute personne ayant accès au back-office de votre site web** (chef-fe de projet, développeur-se, webmaster, chargé-e de communication ...). Pour réaliser votre déclaration, nous vous recommandons de suivre les étapes de la présente documentation : 1. [Consulter le modèle annoté](/realiser-votre-declaration/1.-consulter-le-modele-annote) pour comprendre le contenu de la déclaration. Vous pouvez vous reporter au modèle annoté à tout moment lors de la réalisation de votre déclaration, **il s'agit du "mode d'emploi" de la déclaration environnementale**. 2. [Télécharger un des gabarits](/realiser-votre-declaration/2.-telecharger-un-gabarit-de-page) de pages disponibles dans la présente documentation. **Celui-ci vous servira de base à compléter** depuis votre back-office ou votre logiciel de traitement de code. 3. [Réaliser les mesures](/realiser-votre-declaration/3.-realiser-les-mesures) via le site Ecoindex ou le plugin GreenIT-Analysis. **Vous pouvez utiliser indifféremment l'un ou l'autre de ces outils**, dont le fonctionnement est détaillé dans la section "Réaliser les mesures". 4. [Calculer vos émissions](/realiser-votre-declaration/4.-calculer-vos-emissions) en reportant dans le calculateur les mesures effectuées via Ecoindex ou GreenIT-Analysis (attention aux unités lors du report des mesures dans le calculateur). 5. [Compléter votre page de déclaration environnementale](/realiser-votre-declaration/5.-completer-votre-page) en saisissant les résultats obtenus via le calculateur sur votre page de déclaration environnementale. **Vous pouvez agrémenter votre page d'une note globale** (modèle fourni dans la section "Ajouter votre notation") et de captures d'écran de l'outil utilisé pour la mesure. {% hint style="info" %} N'hésitez pas à consulter [les exemples de sites évalués](/ressources/sites-evalues) pour mieux comprendre la déclaration environnementale et pour vous inspirer dans votre déclaration. {% endhint %} # 1. Consulter le modèle annoté Modèle de déclaration environnementale avec commentaires {% hint style="warning" %} 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](/realiser-votre-declaration/2.-telecharger-un-gabarit-de-page). {% endhint %} ## 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](/realiser-votre-declaration/5.-completer-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](/realiser-votre-declaration/4.-calculer-vos-emissions). ### 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 ](https://www.ecoindex.fr/)proposé par le [collectif GreenIT.fr](https://www.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](/realiser-votre-declaration/5.-completer-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](/realiser-votre-declaration/4.-calculer-vos-emissions). #### 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](https://tinypng.com/) * Compresser les pdfs via un outil de type [iLovePDF](https://www.ilovepdf.com/fr/compresser_pdf) * 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](https://declaration.greenit.fr/) #### Pour consulter la liste complète de bonnes pratiques de l’écoconception web : [→](https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html) [Accéder au site web GreenIt](https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html) [→](https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html) [Accéder au d](https://github.com/cnumr/best-practices)[épôt GreenIt (GitHub)](https://github.com/cnumr/best-practices) #### Pour en savoir plus sur EcoIndex : → [En savoir plus sur le référentiel EcoIndex](http://www.ecoindex.fr/quest-ce-que-ecoindex/) → [Accéder au site web EcoIndex](http://www.ecoindex.fr/) *\*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. # 2. Télécharger un gabarit de page Les gabarits de page vous feront gagner du temps lors de la création de votre déclaration environnementale. Téléchargez ici un modèle de page web prête à l'emploi pour votre site, au format html et .txt. Vous pouvez ensuite utiliser ces gabarits **pour créer une première base** de déclaration environnementale à compléter sur votre site. ### HTML Placez ce fichier sur votre serveur ou copiez-collez son contenu depuis l'éditeur html du back-office de votre site. ### TXT Copiez-collez le contenu brut directement depuis l'éditeur visuel du back-office de votre site. {% file src="/files/S233U4xAAe36YP31UYVW" %} # 3. Réaliser les mesures Deux outils sont à votre disposition pour réaliser les mesures liées à votre déclaration environnementale. Deux outils peuvent être utilisés pour réaliser les mesures nécessaires à votre Déclaration Environnementale : [le plugin GreenIT-Analysis](https://chrome.google.com/webstore/detail/greenit-analysis/mofbfhffeklkbebfclfaiifefjflcpad?hl=fr) d'une part, et [le site Ecoindex ](https://www.ecoindex.fr/)d'autre part. Vous pouvez indifféremment utiliser l'un ou l'autre de ces outils, à noter que le site Ecoindex sera de manière générale plus accessible, notamment pour les utilisateurs novices. N'hésitez pas à consulter la page dédiée à l'outil de votre choix avant de réaliser la mesure, notamment concernant GreenIT-Analysis qui doit respecter une procédure stricte. {% hint style="warning" %} Lors du report des données dans le calculateur, soyez vigilants aux unités renseignées par les outils (gCO2e vs kgCO2e par exemple). {% endhint %} Comme dans les exemples de sites évalués, **n'hésitez pas à agrémenter votre déclaration de captures d'écran des résultats de vos mesures**, vous pouvez également présenter ces résultats via une mise en forme spécifique à votre site web.

Exemple de capture d'écran du résultat fourni par le plugin GreenIT-Analysis.

Exemple de capture d'écran du résultat fourni par le site Ecoindex.

{% hint style="warning" %} Si vous utilisez l'extension GreenIT-Analysis (ou sa version en ligne de commande) pour réaliser la mesure, il se peut que vous notiez **un léger décalage entre cette mesure et celle du service en ligne EcoIndex.fr.** C'est normal ! Ce décalage peut être dû à la plateforme de test (système d'exploitation et navigateur), son paramétrage (avec ou sans filtre anti-publicité, cache vide ou plein), votre situation géographique, et bien d'autres paramètres. **Si vous respectez notre protocole de mesure pour GreenIT-Analysis** (mode privé et cache vide), vous pouvez choisir la meilleure des deux évaluations pour votre déclaration dès lors que vous précisez bien **la date de l'évaluation** et ajoutez une capture d'écran des résultats de l'outil. Pensez cependant à vérifier que l'écart entre GreenIT-Analysis et le service EcoIndex.fr est peu significatif (moins de 10%). Dans le cas contraire, **nous vous conseillons vivement de vous référer à l'évaluation fournie par le service en ligne EcoIndex.fr.** {% endhint %} # Via EcoIndex Notice d'utilisation de l'outil de mesure EcoIndex EcoIndex est la version "publique" de GreenIT-Analysis, il s'agit d'un site web qui permet de réaliser le même type de mesure via une interface *user-friendly.* EcoIndex est accessible à l'adresse suivante : [https://www.ecoindex.fr](https://www.ecoindex.fr/). {% hint style="success" %} Vos mesures peuvent indifféremment être réalisées via GreenIT-Analysis ou EcoIndex, en fonction de vos préférences {% endhint %} ### 1. Mesure de la performance d’une page * Rendez-vous sur le site [ecoindex.fr](https://www.ecoindex.fr/), et renseignez l'url de votre page dans le moteur dédié, cliquez sur "Tester le site".
* EcoIndex calcule automatiquement le score, les émission de GES et la consommation d'eau douce liée au chargement de la page pour 1 000 utilisateurs.
* Vous pouvez réaliser le calcul pour les 5 pages les plus visitées de votre site web. **Il ne reste ensuite plus qu'à reporter les scores dans le calculateur** pour calculer la note moyenne de votre site. {% hint style="info" %} Pour une mesure plus rapide de votre page, vous pouvez utiliser [le plugin Ecoindex](/realiser-votre-declaration/les-etapes-de-la-declaration) disponible notamment sur [Chrome](https://chrome.google.com/webstore/detail/ecoindexfr/apeadjelacokohnkfclnhjlihklpclmp) et [Firefox](https://addons.mozilla.org/fr/firefox/addon/ecoindex-fr/), qui vous permettra de lancer un diagnostic directement depuis la page en cours. {% endhint %} ### 2. Mesure de la performance d’un parcours * Pour mesurer un parcours, vous devez cumuler sur Ecoindex les scores et émissions de GES / consommation d'eau **pour toutes les pages constituant le parcours.** * Par exemple pour un parcours comprenant trois pages (ex. : Accueil, Liste de réalisations et Contact), vous devrez : * Renseigner l'url de chacune des pages sur l'outil Ecoindex * Noter les scores et émissions de chacune des pages * Les reporter dans le calculateur disponible via la présente documentation. {% hint style="warning" %} **Les consommations de GES et d'eau sont déjà exprimées respectivement en kgCO2e/litres pour 1 000 utilisateurs**, vous pouvez donc directement reporter les émissions fournies par Ecoindex dans la colonne I des onglets "Emissions GES" et "Consommation d'eau" du calculateur. {% endhint %} # Via GreenIT-Analysis Notice d'utilisation de l'outil de mesure GreenIT-Analysis GreenIT-Analysis est l’outil de référence dans le cadre de l'évaluation des impacts environnementaux de votre site web. Ce guide à vocation à documenter son installation, et ses bonnes pratiques d’utilisation sur Google Chrome. Pour plus d’informations, reportez-vous à [la page github consacrée à l’outil](https://github.com/cnumr/GreenIT-Analysis). {% hint style="danger" %} Si vous avez déjà l’habitude d’utiliser l’outil GreenIT-Analysis, **attention à recharger la page à analyser avant d’en réaliser la mesure via l’outil**, à défaut le score indiqué ne sera pas fidèle à l’impact réel de votre site, dans la mesure où l’impact du chargement de la page web ne sera pas pris en compte. {% endhint %} Pour recharger la page, vous pouvez utiliser la flèche de rechargement de votre navigateur, utiliser le raccourci cmd + R (ctrl + R sur Windows) ou cliquer sur la touche F5 de votre clavier depuis la page en cours. | Etapes de la mesure | | -------------------------------------------------------------------------------------- | | [1. Installation du plugin](#1.-installation-du-plugin-google-chrome) | | [2. Mesure de la performance d'une page](#2.-mesure-de-la-performance-dune-page) | | [3. Mesure de la performance d'un parcours](#3.-mesure-de-la-performance-dun-parcours) | ### 1. Installation du plugin (Google Chrome) * [Rendez-vous sur la page du plugin](https://chrome.google.com/webstore/detail/greenit-analysis/mofbfhffeklkbebfclfaiifefjflcpad?hl=fr) * Cliquez sur le call to action « ajouter à Chrome »
* Une pop-in de confirmation s’ouvrira, cliquez ensuite sur « Ajouter l’extension » * Redémarrez ensuite votre navigateur, GreenIT-Analysis est prêt à être utilisé ! ### 2. Mesure de la performance d’une page Attention, la procédure décrite ci-après utilise Google Chrome sur Mac (Chrome 104 sur MacOS Monterey). La procédure à suivre sur Firefox et sur les autres systèmes d’exploitation est similaire, mais des modifications dans la terminologie utilisée peuvent exister. * Rendez-vous sur la page à analyser, puis effectuez un clic-droit **et choisissez « Inspecter »**
* Pour plus de confort vous pouvez modifier la disposition de l'outil depuis le menu **représenté par trois points verticaux**
* Sélectionnez ensuite l’onglet « GreenIT », attention en fonction de la taille de votre navigateur, l’onglet peut ne pas être visible, auquel cas vous pourrez y accéder en cliquant sur les chevrons (>>) situés à droite du menu
* Cochez « **Activer l'analyse des bonnes pratiques »** (recommandé) puis cliquez sur « **vider le cache navigateur »**
* Vous devez ensuite recharger la page **avant de réaliser la mesure**, à défaut le score indiqué ne sera pas fidèle à l’impact réel de votre site, dans la mesure où l’impact du chargement de la page web ne sera pas pris en compte * Pour recharger la page, vous pouvez utiliser la flèche de rechargement de votre navigateur, utiliser le raccourci cmd + R (ctrl + R sur windows) ou cliquer sur la touche F5 de votre clavier depuis la page en cours.
* Après avoir rechargé la page, vous pouvez cliquer le call to action **« Lancer l’analyse »**
* Le plugin affiche ensuite vos résultats : **la note de la page** (ici, C), **le score Ecoindex de la page** (1) **la consommation d’eau douce exprimée en centilitres** (2) et l**es émissions de GES exprimés en grammes de CO2** (3) lors du chargement de la page.
* Les autres données vous sont fournies à titre indicatif et pour vous permettre d’améliorer votre score, elles ne sont pas utilisées dans le cadre de la mesure d’impact. * Les données (2) et (3) sont utilisées dans le cadre de la mesure d’impact, et sont à reporter **dans l’outil de calcul disponible sur la page "4. Calculer vos émissions".** * Vous pouvez ensuite prendre des captures d’écran de l’affichage du résultat pour alimenter votre page de déclaration environnementale. ### 3. Mesure de la performance d’un parcours * L’analyse de performance d’un parcours suit la même logique que l’analyse de la performance d’une page * Il s’agit d’identifier les pages chargées par un utilisateur type pour remplir un objectif, **puis de simuler cette navigation en lançant l’outil GreenIT-Analysis à chaque chargement de page** * Pour analyser l’impact, commencez par charger la première page du parcours de l’utilisateur (par exemple, la page d’accueil), **rechargez la page** puis cliquez sur **« Lancer l’analyse »** puis **« Sauver l’analyse »**
* Chargez ensuite la page suivante du parcours, et répétez l’opération (Lancer l’analyse > Sauver l’analyse). * **Répétez l’opération pour chaque page du parcours jusqu’à la dernière page**, puis cliquez sur « Historique », vous accéderez dans un nouvel onglet à l’historique de votre analyse
* Si vous avez effectué une erreur lors de la mesure, par exemple en analysant une page en doublon, vous pouvez la corriger en cliquant sur « Effacer », vous pouvez également reprendre l’analyse à 0 en cliquant sur « Effacer tout ». * Vous pouvez également exporter l’ensemble des données de l’analyse via le call to action « Exporter » * Ces données sont à reporter dans l’outil de calcul présent sur la page « 4. Calculer vos émissions » du présent guide. * Vous pouvez ensuite enregistrer des captures d’écran de l’affichage du résultat pour alimenter votre page de déclaration environnementale. {% hint style="danger" %} Les données sont exprimées par GreenIT Analysis en gCO2e/centilitres, **vous devez donc reporter les données dans la colonne B du calculateur pour une page**, et B et suivantes pour une parcours. {% endhint %} # 4. Calculer vos émissions Utilisez le calculateur pour reporter vos mesures et obtenir la note moyenne de votre site. Pour vous aider à calculer la note moyenne de votre site, les émissions de CO2 et la consommation d'eau liées à vos parcours, **une matrice de calcul est à votre disposition sur cette page.** Il s'agit donc de **reporter les mesures précédemment effectuées via Ecoindex ou GreenIT-Analysis** sur le calculateur, pour ensuite compléter votre page avec les données définitives. ### Modèle xlsx Utilisez le modèle ci-dessous pour réaliser votre mesure d'impact de manière simplifiée. {% file src="/files/5d0AT76BCEoYaKru8LId" %} {% hint style="danger" %} Attention à bien indiquer vos mesures en centilitres/gCO2e : Ecoindex exprime directement les émissions pour **1 000 utilisateurs en litres/kgCo2e** tandis que GreenIT-Analysis exprime les mêmes émissions en **centilitres/gCO2e pour 1 utilisateur**. {% endhint %} # 5. Compléter votre page Retrouvez ici les notations type au format .png Dernière étape : **compléter votre page de déclaration environnementale avec les données obtenues.** Les données à renseigner son mises en évidence dans les gabarits, et vous pouvez **agrémenter votre page d'un visuel pour la note globale** grâce aux fichiers fournis dans cette section, et de captures d'écran de l'outil réalisé pour la mesure. {% hint style="info" %} Vous pouvez également personnaliser la page de déclaration environnementale à votre propre charte graphique, attention cependant **les codes couleurs de la note globale ne doivent pas être modifiés.** {% endhint %} La page de déclaration environnementale comporte une note moyenne présentée visuellement par un indicateur de A à G. {% hint style="info" %} Ces fichiers sont mis à votre disposition pour faciliter la gestion de votre page déclaration d'impact environnemental. En fonction de la note de votre site, téléchargez le fichier correspondant et chargez-le en haut de page. {% endhint %}
{% file src="/files/kSasp2RPxbCyTJTFJ4yw" %}
{% file src="/files/jlGuNlc9mjpG3u6VhNJB" %}
{% file src="/files/zvYNcuOIVCl8dUSDafwE" %}
{% file src="/files/FxUYykAOPaJ5iFrdKS8G" %}
{% file src="/files/hJsAk18PVOAwnO8B2Eb8" %}
{% file src="/files/tTKiXpkD0FIqYziNj8se" %}
{% file src="/files/L7YiBbvh9PNxKmH80RE8" %} # Sites évalués Inspirez-vous en parcourant une sélection de sites évalués. {% hint style="info" %} En panne d'inspiration ? Consultez la liste non exhaustive de sites qui ont publié leur déclaration environnementale pour vous aider à démarrer. * [**Covéa Affinity**](https://www.covea-affinity.com/declaration-environnementale/) * [**Dalkia**](https://www.dalkia.fr/declaration-environnementale-site-web-dalkia/) * [**Département d'Ille-et-Vilaine**](https://www.ille-et-vilaine.fr/declaration-ecoconception) * [**Grenoble Alpes Métropole**](https://www.grenoblealpesmetropole.fr/302-eco-conception.htm) * [**Groupe Les Echos-Le Parisien**](https://lesechosleparisien.fr/declaration-environnementale-de-ce-site-web/) * [**Meuse Attractivité**](https://www.lameuse.fr/declaration-environnementale) * [**Petit Forestier**](https://www.petitforestiergroup.com/declaration-environnementale) * [**RATP Group**](https://ratpgroup.com/fr/declaration-environnementale/) * [**SPIE Groupe**](https://www.spie.com/fr/declaration-environnementale) * [Act.surfrider.eu](https://act.surfrider.eu/declaration-environnementale-de-ce-site-web/) * [Agence Adveris](https://www.adveris.fr/declaration-environnementale/) * [Agence Angle Web](https://angleweb.fr/declaration-environnementale/) * [Agence Babel](https://agencebabel.com/declaration-environnementale/) * [Agence Canopée](https://www.canopee.cc/declaration-environnementale-de-ce-site-web/) * [Agence Sésame](https://fra01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.agence-sesame.fr%2Ffr-fr%2Fdeclaration-environnementale\&data=05%7C01%7Calexandre.hurel%40adveris.fr%7C687ccfa4aa5540bccd5708db52ce6779%7C2efa9453f51a414f90eab66712964da2%7C1%7C0%7C638194818717621709%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C\&sdata=yWlrozWYminBP9TdtT2wilF7d%2FclmjwzxT0ZdkUGPWM%3D\&reserved=0) * [Agence Web .Green](https://www.agence-web.green/declaration-environnementale/) * [Agile Partner](https://agilepartner.net/eco-design) * [Aggelos](https://aggelos.fr/declaration-environnementale-site/) * [Bon vent Normand | Blog voyage](https://bonventnormand.fr/declaration-environnementale/) * [BBCorp.fr](https://bbcorp.fr/declaration-environnementale.html) * [Brendan Doucen](https://brendan-doucen.fr/declaration-environnementale/) * [Clay Group](https://clay-group.fr/declaration-environnementale-de-ce-site-web/) * [Clinique Vétérinaire VetOptima](https://www.vetoptima.fr/declaration-environnementale) * [Cyclop Editorial](https://www.cyclop-editorial.fr/) * [Design Accessible](https://design-accessible.fr/ecoconception) * [Dictionnaire du Climat](https://dico.unric.org/fr/) * [DZGND.studio](https://dzgnd.studio/declaration-environnementale) * [Eclydre](https://www.eclydre.fr/blog/ecoconception-declaration-environnementale-de-ce-site-web) * [Ecofinder](https://www.ecofinder.fr/eco-conception/) * [Elise Sougey](https://elise.sougey.fr/declaration-environnementale/) * [Émeraude Créative](https://www.emeraude-creative.com/index.php?p=emeraude-creative) * [Globalis](https://www.globalis-ms.com/declaration-environnementale/) * [Green Mood Communication](https://green-mood-communication.com/declaration-environnementale/) * [GreenPix Studio](https://greenpix-studio.fr/declaration-environnementale/) * [Halle aux sucres ](https://www.halleauxsucres.fr/en-pratique/ce-site-consomme-moins) * [Heol gwenn](https://heolgwenn.com/declaration-environnementale/) * [Internet 2000](https://internet2000.net/declaration-environnementale-de-ce-site-web/) * [Kaleo](https://kaleo.fr/declaration-environnementale-kaleo) * [Kalio](https://www.kalio.rmd-technologies.com/declaration-environnementale/) * [Kouten](https://www.kouten.fr/declaration-environnementale/) * [La Félixe](https://www.lafelixe.com/declaration-environnementale.html) * [La forêt et nous](https://la-foret-et-nous.org/declaration-environnementale/) * [Margaux Redesign](https://margauxredesign.fr/declaration-environnementale/) * [Margaux Teste](https://www.margaux-teste.fr/declaration-environnementale) * [MDPH33](https://mdph33.fr/declaration-environnementale-de-notre-site-web) * [Mesange Web](https://mesangeweb.fr/declaration.html) * [Mon Petit Pixel](https://monpetitpixel.fr/declaration-environnementale) * [Nectar.io](https://www.nectar-io.fr/declaration-environnementale-de-ce-site-web/) * [Omaha Beach Location](https://omaha-beach-location.fr/index.php?p=declaration-environnementale) * [Patios di Pruno - Hébergements à Figari](https://patios-di-pruno-figari.fr/declaration-environnementale/) * [Score DDB](https://scoreddb.fr/declaration-environnementale-de-ce-site-web/) * [SloWebCréation](https://slowebcreation.fr/) * [Simbios](https://simbios.fr/declaration-environnementale) * [SPIE France](https://www.spie.fr/fr/declaration-environnementale) * [Surfrider Foundation](https://act.surfrider.eu/declaration-environnementale-de-ce-site-web/) * [Wild and Slow](https://wildandslow.fr/declaration-environnementale/) * [Wysistat](https://www.wysistat.net/nos-valeurs/declaration-environnementale/) {% endhint %} ### Vous avez publié votre déclaration environnementale ? Félicitations ! Si vous souhaitez contribuer à l'initiative, soumettez-nous votre site [via ce formulaire](https://docs.google.com/forms/d/1FSH8BhmWDG6VKmnS1YZ95i_-CdB9o5c3Gobrbx7kzUw/viewform?ts=6486c0ac\&edit_requested=true) pour être ajouté à la liste des sites notés. # Contact Contactez les auteurs de la documentation pour toute question La déclaration d'impact environnemental est un projet open source publié de manière bénévole, nous nous efforcerons de répondre dans les meilleurs délais aux mails envoyés à . ### Vous avez réalisé votre déclaration environnementale ? [Complétez ce formulaire pour demander son ajout à la section "site évalués"](https://docs.google.com/forms/d/1FSH8BhmWDG6VKmnS1YZ95i_-CdB9o5c3Gobrbx7kzUw/viewform?ts=6486c0ac\&edit_requested=true). ### Pour toute question relative à l'utilisation de la présente documentation [declaration.web@greenit.fr](mailto:declaration.web@greenit.fr) ### Pour contacter GreenIT ### Pour contacter l'AACC # Mentions légales ### **Editeur** Green IT - Association loi 1901 ## **Hébergement** Le site internet [https://declaration.greenit.fr](https://declaration.greenit.fr/) est hébergé sur les matériels informatiques de la société Gitbook. ### A propos des cookies Nous utilisons différents cookies sur le site uniquement pour intégrer des services permettant d’améliorer l’interactivité du site. ### **Qu'est-ce qu'un "cookie" ?** Un "cookie" est une suite d'informations, généralement de petite taille et identifié par un nom, qui peut être transmis à votre navigateur par un site web sur lequel vous vous connectez. Votre navigateur web le conservera pendant une certaine durée, et le renverra au serveur web chaque fois que vous vous y re-connecterez. Les cookies ont de multiples usages : ils peuvent servir à mémoriser votre identifiant client auprès d'un site marchand, le contenu courant de votre panier d'achat, un identifiant permettant de tracer votre navigation pour des finalités statistiques ou publicitaires, etc. \ \ [> En savoir plus sur les cookies et leur fonctionnement](https://fra01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.cnil.fr%2Ffr%2Fcookies-et-autres-traceurs%2Fcomment-se-proteger%2Fmaitriser-votre-navigateur\&data=05%7C01%7CAlexandre.HUREL%40adveris.fr%7C34f6ed1babd2459c1dca08dabc1c4a5f%7C2efa9453f51a414f90eab66712964da2%7C1%7C0%7C638029126954958544%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C\&sdata=h1U3Kt8%2BZwbL%2B%2BFmEziFBoj362skDuApXRH16FATQ00%3D\&reserved=0) ### Liste des cookies #### Cookies fonctionnels | Nom du cookie | Founrnisseur | Type | Expiration | | ------------------------------ | ---------------------- | ---- | ---------- | | algoliasearch-client-js | declaration.greenit.fr | HTML | Persistent | | *tldtest*# | greenit.fr | HTTP | Session | | amp\_# | greenit.fr | HTTP | 1 année | | amp\_cookie\_test# | declaration.greenit.fr | HTTP | Session | | amp\_cookie\_test# | greenit.fr | HTTP | 1 année | | amplitude\_# | greenit.fr | HTTP | 1 année | | amplitude\_unsent\_# | declaration.greenit.fr | HTML | Persistent | | amplitude\_unsent\_identify\_# | declaration.greenit.fr | HTML | Persistent |