# Via 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 »

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2F85Z2wkaoxx5YGcvIrdrQ%2Fimage.png?alt=media&#x26;token=c1ce5304-b5cd-4860-a4dd-7cf0349ac7a8" alt=""><figcaption></figcaption></figure>

* 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é !   &#x20;

### 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 »**

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2FT66GLD9Wz3AqXosWSvS4%2Fimage.png?alt=media&#x26;token=1926a362-6362-436d-9968-2c78aaf5dcfd" alt=""><figcaption></figcaption></figure>

* Pour plus de confort vous pouvez modifier la disposition de l'outil depuis le menu **représenté par trois points verticaux**

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2FvNOjcLYrup6fQ7O8QyK6%2Fimage.png?alt=media&#x26;token=ce0aef9f-984a-4a70-b8a0-e789d5c01db6" alt=""><figcaption></figcaption></figure>

* 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

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2FDYygRXyszJne65iTkYWA%2Fimage.png?alt=media&#x26;token=f032420f-0ee2-48b8-87e5-4d6bd0711535" alt=""><figcaption></figcaption></figure>

* Cochez « **Activer l'analyse des bonnes pratiques »** (recommandé) puis cliquez sur « **vider le cache navigateur »**

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2Fjx2YIbJmXdnIO211fdvV%2Fimage.png?alt=media&#x26;token=d202117b-5e9d-40c2-aa41-427508999f23" alt=""><figcaption></figcaption></figure>

* 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.

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2F4QFtE6MHnrnwIbmyx6yL%2Fimage.png?alt=media&#x26;token=beba925a-195c-4003-abc1-05218515f379" alt=""><figcaption></figcaption></figure>

* Après avoir rechargé la page, vous pouvez cliquer le call to action **« Lancer l’analyse »**

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2Fvh2m3LmCixbTHDMA5LPQ%2Fimage.png?alt=media&#x26;token=66372c56-6286-494c-b673-ac5f82d18a6c" alt=""><figcaption></figcaption></figure>

* 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.

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2FiGLIO6Meef3EaXIDvtTy%2Fimage.png?alt=media&#x26;token=1ee3998d-f749-4583-bf81-9c0ae154e3e2" alt=""><figcaption></figcaption></figure>

* 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 »**

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2FWOLZ7b6Tq1KSLCxbAGuu%2Fimage.png?alt=media&#x26;token=80eacef6-42b1-4d6c-ad20-eeb2e7b0e54b" alt=""><figcaption></figcaption></figure>

* 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

<figure><img src="https://1588134641-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk7yfzw0tq8L4Q1Dz6vwD%2Fuploads%2FTDG4ccMITxUCDQuCWWSo%2Fimage.png?alt=media&#x26;token=88dfe76b-faa1-4699-8bb1-feeeede3c7ab" alt=""><figcaption></figcaption></figure>

* 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 %}