Niveau d'écoconception du site web
soit 6 packs d'eau minérale,
≈ 38 bouteilles de 50 cl
soit un trajet de 10 à 11 km
en voiture thermique
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 :
Indicateurs utilisés
- → 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.
- → Consommation d'eau et émission de GES. Cet indicateur quantifie la consommation d'eau douce (cl) et l'émission de GES (gCO₂e) liées au chargement d'une page web.
Évaluation de l'impact des 2 pages les plus visitées
- Consommation d'eau rapportée à 1 000 utilisateurs : 19,2 litres, soit 2 packs d'eau minérale.
- Émission de GES rapportée à 1 000 utilisateurs : 1,28 kilos CO₂e, soit un trajet de 6,5 km en voiture thermique.
- Consommation d'eau rapportée à 1 000 utilisateurs : 18,3 litres, soit 2 packs d'eau minérale.
- Émission de GES rapportée à 1 000 utilisateurs : 1,22 kilos CO₂e, soit un trajet de 5 km en voiture thermique.
Évaluation de l'impact pour 1 parcours utilisateur
Parcours 1 : Consultation d'une page vitrine
- Objectif : Découvrir une offre ou un service
- Parcours : Arrivée sur la page → lecture du contenu → consultation des visuels
- Consommation d'eau rapportée à 1 000 utilisateurs : 19,2 litres, soit 6 packs d'eau minérale (≈ 38 bouteilles de 50 cl).
- Émission de GES rapportée à 1 000 utilisateurs : 1,28 kilos CO₂e, soit un trajet de 10 à 11 km en voiture 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 s'agit 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 professionnel·le du numérique et souhaitez réduire l'impact environnemental de vos sites ? Voici quelques bonnes pratiques à mettre en œuvre :
Ergonomie & 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 une approche « mobile-first »
- Préférer la pagination au défilement infini
- Éviter le chargement automatique des vidéos et sons
- Optimiser les parcours utilisateurs
Gestion des contenus
Développement
- Proposer un traitement asynchrone si possible
- N'utiliser que les portions indispensables des bibliothèques JS et CSS
- Mettre en cache les données souvent utilisées
- Limiter les appels aux API HTTP
- Réduire le volume de données stockées
- Utiliser le chargement paresseux (lazyload)
- Valider les pages auprès du W3C
- Compresser les fichiers CSS, JS, HTML et SVG
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
- Utiliser des serveurs virtualisés
- Utiliser un serveur asynchrone
Ressources utiles
Pour aller plus loin dans votre démarche d'écoconception :