Ce site internet a été conçu et réalisé par SWAT, 1ère agence web à obtenir le Label Numérique Responsable. Engagée dans une démarche de transition écologique, l’entreprise propose à ses clients une démarche d’éco-conception de sites web.
Cette approche repose sur 6 étapes :
1. Prise de conscience des enjeux du numérique,
2. Audit initial,
3. Éco-conception et expérience utilisateur,
4. Création d’un web design singulier,
5. Développement web léger et de qualité,
6. Formation, maintenance et hébergement écologique
Les enjeux écologiques et sociétaux du numérique
Sans entrer dans les détails, le numérique est omniprésent dans nos vies et soulève des questions liées à l’éthique, la confidentialité, la consommation des énergétiques et l’épuisement des ressources naturelles.
D’un point de vue purement environnemental, en France, le numérique pèse :
- 6% de la consommation d’énergie primaire,
- 3,2% des émissions de gaz à effet de serre,
- 2,2% de la consommation en eau,
- 4 milliards de tonnes de terre en excavation.
Plus de 75% de ces impacts sont issus de la phase de fabrication des terminaux (smartphone, laptop, IoT, écran TV,…). Ainsi, le 1er levier pour réduire l’impact écologique du numérique est de prolonger la durée de vie de ses équipements informatiques et électroniques.
Ecoconcevoir un site web consiste à réaliser un service numérique mobilisant le moins de ressources numériques et pouvant être consulté un très panel d’appareils même très anciens. Un site web éco-responsable ne favorisera pas le renouvellement des équipements et occupera moins de stockage possible sur un serveur.
Audit initial à la création d’un site éco-responsable
Au démarrage de notre collaboration, l’agence web SWAT a mesuré la performance de notre précédent site. Les outils utilisés étaient : Google Page Speed, GT Metrix, l’EcoIndex de GreenIT.fr et website carbon calculator.
Les résultats des mesures sont les suivants.
Page d’accueil
- PageSpeed : Mobile 38 Desktop 92
- GT Metrix : C 78 81
- EcoIndex : C 58.64
- Website carbon calculator : 0.37 g of CO2
Présentation de la ferme
- PageSpeed : Mobile 81 Desktop 88
- GT Metrix : B 86 81
- EcoIndex : B 74.73
Certification Professionnelle “Eleveur”
- PageSpeed : Mobile 73 Desktop 95
- GT Metrix : C 74
- EcoIndex : B 71.17
Eco-conception web et web design
Cette étape est la clé de voûte de l’éco-conception. Tous les interlocuteurs doivent s’impliquer en se concentrant sur les besoins essentiels des utilisateurs et éliminer tout le superflu. Pour le centre d’élevage, les questions suivantes se sont posées :
- Devons-nous disposer d’un portail d’administration du site ?
- Devons-nous disposer d’un espace d’actualités ?
- Devons-nous géolocaliser le lieu sur une carte interactive ?
- Devons-nous proposer des formulaires de contact ?
- Quelle quantité de photos devons-nous partager ?
L’utilisation d’un système d’administration comme WordPress était nécessaire. Toutefois, l’ensemble du site pouvait être réalisé sans fonctionnalité gourmande (Blog, slider, carte Google ou formulaires de contact présent sur toutes les pages) ni sans médias très lourds (Photos HD ou vidéos).
Par ailleurs, le contenu du site a été bien divisé et organisé pour proposer une navigation simple et rapide. Une fois les wireframe validé, l’équipe SWAT devait proposer un web design percutant mais et éviter les animations et fioritures. Le résultat est aligné à la nouvelle identité du centre et satisfait toute l’équipe.
“Green coding”
Le développeur a la responsabilité de l’exécution technique du projet. Dans le cadre d’un site éco-responsable, il doit limiter au maximum l’usage de plugins et écrire un code de qualité. Pour cela, il s’appuie sur une conception qui tient compte de ces enjeux et des référentiels sur la qualité web éprouvés tel qu’OpQuast.
Aucune magie, aucun outil miracle. Il faut simplement prendre le temps de faire les choses bien et de les contrôler.
Publication d’un site éco-responsable
Le site web du centre d’élevage a été publié sur un hébergement écologique proposé par Informaniak. Les serveurs sont alimentés par des énergies renouvelables, la durée de vie des équipements est doublée et le fournisseur compense à 200% ses émissions carbones.
Notre équipe a été formée à l’utilisation du site et sensibilisée à l’optimisation des médias. Il n’est pas question d’alourdir le site au fil de son utilisation.
Enfin, SWAT nous accompagne sur la maintenance pour que le site dure le plus longtemps possible.
Résultats du projet d’éco-conception web
Page d’accueil
- PageSpeed : Mobile 75 Desktop 98
- GT Metrix : B 80
- EcoIndex : A 88.42
- Website carbon calculator : 0.25 g of CO2 (- 33%)
-24,26 Kg de CO2 par an. Meilleur impact que 72% des sites testés*
*Source : https://www.websitecarbon.com/ et pour 18 000 visiteurs annuels
Présentation de la ferme
- PageSpeed : Mobile 81 Desktop 99
- GT Metrix : B 73,52
- EcoIndex : B 74.73
Pas de résultat significatif sur cette page car elle contient 12 images contre 5 sur le précédent site. Il nous semblait important d’en ajouter pour aider le visiteur à se projeter.
Certification Professionnelle “Eleveur”
- PageSpeed : Mobile 84 Desktop 99
- GT Metrix : A 88
- EcoIndex : A 80.93