Eco-conception Site Web
Focus sur l’écoconception de note nouveau site web
Septembre 2024
La plateforme Choisir la rénovation énergétique se dote d’un nouveau site web, conçu pour allier efficacité et sobriété numérique. Fidèle à nos valeurs et nos engagements pour la transition écologique, cette refonte met l’accent sur l’éco-conception. Chaque aspect du projet, qu’il s’agisse du design, de la technique ou de l’hébergement, a été pensé pour limiter notre impact environnemental tout en fournissant des informations claires et accessibles. Un équilibre réussi entre performance et responsabilité environnementale.
L’éco-conception numérique : un enjeu clé
Nous savons que la navigation sur internet consomme de l’énergie. Pour limiter cet impact, il était primordial de réduire au maximum le poids et la complexité de chaque page de notre site web. L’objectif : minimiser la consommation d’énergie tout en offrant une expérience utilisateur intuitive et engageante. Pour ce faire, l’agence web Here We Com a réalisé l’éco-conception de notre site, en respectant les principes de sobriété numérique à chaque étape du projet.
Design épuré et fonctionnalités responsables
Le nouveau site web est conçu pour offrir une navigation fluide et une expérience utilisateur simple, tout en évitant toute surcharge de fonctionnalités ou d’éléments graphiques inutiles. Chaque décision en matière de design a été prise en tenant compte de son impact sur l’environnement.
1. Proposer un chargement différé
Utiliser le lazy loading pour les images restantes et ne charger les vidéos que si le visiteur interagit avec le bouton lecture. Cela permet de ne charger que les éléments nécessaires à l’affichage immédiat, réduisant ainsi l’empreinte énergétique.
2. Optimiser les images
Afficher la bonne image suivant le support utilisé par le visiteur lors de sa visite du site
3. Compresser et minimiser
Les fichiers HTML, CSS, JavaScript, permettant des temps de chargement plus courts
4. Faire simple
Éviter d’utiliser de lourdes librairies d’animations Javascript qui ralentiraient le chargement
5. Réduire les requêtes HTTP
Regrouper les fichiers CSS, JavaScript, et utiliser des svg pour tout ce qui est iconographique
6. Utiliser des systèmes de cache
Afin de réduire les appels à des ressources qui ont déjà pu être chargées durant la navigation dans le site
7. Fusionner certains appels de ressources
Afin de limiter le nombre de requêtes
8. Optimiser et nettoyer
Désactiver et/ou supprimer tout ce qui pouvait être inutile au bon fonctionnement du site
9. Mobile First
Proposer un site mobile first et responsive
Contenus optimisés pour une navigation fluide
Le volume d’informations à traiter sur le site est important. Pour offrir une navigation agréable et intuitive, nous avons structuré les contenus en plusieurs niveaux de lecture et de profondeur. Cette organisation permet de proposer des informations complémentaires sans surcharger les pages. Par ailleurs, les images ont été compressées et optimisées, et tous les contenus obsolètes ont été supprimés.
Un impact positif sur la visibilité
Un site éco-conçu est souvent plus léger et rapide à charger, des atouts importants pour améliorer son référencement naturel. Grâce à cette approche, Choisir la rénovation énergétique pourra bénéficier d’une meilleure visibilité en ligne, et ainsi toucher un plus large public.
En optimisant les ressources web (design, contenus, code, médias, hébergement, etc.), nous avons allégé le poids des pages, ce qui se traduit par des temps de chargement ultra-rapides et une consommation d’énergie réduite. Pour analyser les performances du site nous avons utilisé PageSpeed.
| Page | Score desktop | Score mobile |
| Accueil | 99 (A) | 93 (A) |
| Formations | 96 (A) | 99 (A) |
| Métiers | 92 (A) | 100 (A) |
Afin d’évaluer les impacts environnementaux des pages web les plus visitées, nous avons utilisé l’outil de mesure GreenIT Analysis.
| Page | EcoIndex | Eau (cl) | GES (gCO2e) | Nombre de requêtes | Taille de page (Ko) |
| Accueil | 58.44 | 2.75 | 1.83 | 16 | 908 (1664) |
| Formations | 53.64 | 2.88 | 1.93 | 22 | 2175 (2921) |
| Métiers | 63.50 | 2.60 | 1.73 | 15 | 878 (1621) |
Conclusion : un site à la hauteur de nos ambitions
La refonte du site web de Choisir la rénovation énergétique n’est pas seulement une modernisation, c’est une démarche cohérente avec notre mission. À travers un site performant et respectueux de l’environnement, nous concrétisons notre engagement en faveur de la transition énergétique.