Déclaration environnementale de ce site web

Retrouvez la déclaration environnementale du site internet de l'Agence Parisienne du Climat.

Cette analyse a été effectuée sur la première version de notre nouveau site internet. De ce fait, elle s’appuie sur les résultats d’impact environnemental des pages simililaires à celles les plus visitées sur notre ancien site internet.

Niveau d’écoconception du site web

*Moyenne de l’impact environnemental des 5 pages remplacant les 5 pages les plus visitées sur notre précédent site web.

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 :

À 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 utilisatrice ou utilisateur, et rapportée à 1 000 utilisatrices ou 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 utilisatrice ou utilisateur, et rapportée à 1 000 utilisatrices ou utilisateurs.

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

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

Page 1 :

EcoIndex c

Page 2 :

EcoIndex c

Page 3 :

EcoIndex c

Page 4 :

EcoIndex c

Page 5 :

EcoIndex b

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

Parcours 1 :

Inscription webinaire Agenda

Parcours 2 :

Consultation actualités

Parcours 3 :

Recherche d’information – Climat

Parcours 4 :

Recherche d’information – Rénovation énergétique

Parcours 5 :

Recherche d’information – Adaptation ville dense

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’utilisatrice ou 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
  • etc.
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
  • etc.
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
  • etc.
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
  • etc.

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