Ce site est en version beta. N’hésitez pas à nous faire part de vos commentaires sur les discussions Github

Calculé le

Résultat pour

Score : 0 / 100


La performance environnementale est représentée par un score sur 100 et une note de A à G (plus la note tend vers A, plus le score est élevé, mieux c’est !). La performance environnementale est calculée en fonction de 3 indicateurs techniques : le poids, la complexité, et le nombre de requêtes de la page.


En savoir plus :  Comment ça marche

max. 100 min. 0
A
B
C
D
E
F
G
  • Classement de la page : Non disponible / Non disponible
  • 0 Mo
  • 0 éléments
  • 0 requêtes

Empreinte environnementale


L’empreinte environnementale de la page est exprimée par 2 indicateurs environnementaux.

Gaz à effet de serre (GES)

L’empreinte GES de la page est exprimée en gramme équivalent CO2 (g eCO2).

Eau

L’empreinte eau de la page est exprimée en centilitres d’eau bleue (cl). L’empreinte en eau témoigne de la consommation d’eau nécessaire à l’affichage de cette page. La phase d’extraction et de raffinage des métaux nécessaires à la fabrication des équipements requiert une grande quantité d’eau.

Ces valeurs sont calculées à partir des émissions d’une page moyenne et modulées en fonction de l’Ecolndex de la page analysée.


En savoir plus :  Comment ça marche

Pour visites par mois, l’empreinte de cette page est de :

0

Consommation
d’eau bleue

0

Émission de gaz
à effet de serre

Ça veut dire quoi ?


Pour vous donner une idée, 1 kg CO2e équivaut à un trajet d’environ 3 km en voiture. Une douche consomme en moyenne 6 litres d’eau à la minute.

Si votre page émet 1,7g CO2e et consomme 2,5cl d’eau, cela signifie que pour 1000 visiteurs mensuels, l’empreinte est de 1,7kg de CO2e et 25 litres d’eau par mois – soit un trajet de 5,5km en voiture et une douche de 4 minutes.

? Pour aller plus loin : Mise en perspective des impacts écologiques du numérique

Détails du score

Les détails de votre score indiquent le score de votre page, la médiane, et la cible vers laquelle tendre.


Pour calculer la performance environnementale d’une page, nous prenons en compte plusieurs éléments : le nombre d’éléments du DOM (Document Object Model), le poids des données transférées, et le nombre de requêtes HTTP. Pour en savoir plus sur notre méthode de calcul.


En savoir plus :  Comment ça marche
Mo
min mediane: 2.41 max
Cible : 1.024 Unité : mégaoctet (Mo)
éléments
min mediane: 693 max
Cible : 600 Unité : Nombre d’éléments du DOM
requêtes
min mediane: 78 max
Cible : 40 Unité : Nombre de requêtes serveur

Comment améliorer mon score ?


Si la page est trop lourde


  • Optimisez les images en choisissant le bon format et réduisant la taille
  • Évitez les vidéos et fonds vidéos
  • Compresser les fichiers (HTML, CSS, JS, SVG)
  • Remplacez autant que possible les images d’interface par des styles CSS et des pictos
  • Facilitez la mise en cache navigateur

Si la page est trop complexe


  • Limitez le contenu et les fonctionnalités à l’essentiel
  • Optez pour l’approche «  mobile first  »
  • Évitez les mécanismes comme le «  scroll  » infini et les carroussels

S’il y a trop de requêtes


  • Limitez l’utilisation de widgets et plugins
  • Utilisez des polices standards plutôt que des polices custom
  • Regroupez les images dans un sprite
  • Regroupez certaines feuilles de styles (CSS) et bibliothèques Javascript (JS).
  • Préférez les pages statiques

Installez l’extension GreenIT Analysis

EcoIndex existe également en extension, qui fonctionne même derrière un firewall.


Sur Chrome et Firefox, vous pouvez quantifier les impacts environnementaux de n’importe quelle page web.

GreenIT Analysis permet notamment de :

  • Testez le parcours utilisateur complet.
  • Conserver un historique et de comparer les pages avant et après.
  • Vérifier l’utilisation de bonnes pratiques.

Extension Chrome
Extension Firefox
En ligne de commande