Site internet éco-conçu
Le Groupe ABF franchit une nouvelle étape dans sa démarche environnementale avec un site web entièrement conçu selon les principes de l’éco-conception. Fidèles à nos engagements, nous avons fait de la sobriété numérique le pilier de notre stratégie digitale, en optimisant chaque aspect : de la structure technique au choix de l’hébergement, jusqu’au design graphique.
Les fondements de notre approche éco-responsable
Conscient que chaque octet transféré a un coût énergétique, le Groupe ABF a souhaité réduire l’empreinte carbone de ses services en ligne. L’objectif, confié à l’agence Here we com, était clair : alléger au maximum le poids des pages. Cette réduction drastique de la consommation d’énergie n’altère en rien la qualité de l’expérience utilisateur ; elle la rend au contraire plus directe et efficace.
Un webdesign axé sur la durabilité
Nous avons repensé l’interface du Groupe ABF pour qu’elle réponde aux besoins de nos visiteurs avec une efficacité maximale et une pollution visuelle minimale. La fluidité de navigation repose sur des choix esthétiques forts et responsables :
-
Sobriété visuelle : Suppression des éléments lourds tels que les sliders (carrousels) animés ou les vidéos en arrière-plan automatique.
-
Choix typographiques et couleurs : Utilisation d’une police unique et recours au flat design (aplats de couleurs) pour limiter les calculs de rendu par les navigateurs.
-
Élagage fonctionnel : Retrait des widgets superflus (flux de réseaux sociaux en direct, cartes interactives) pour se concentrer sur l’essentiel.
-
Optimisation iconographique : Emploi de formats vectoriels (SVG) légers en remplacement des images classiques chaque fois que possible.
L’innovation technique pour un site plus « vert »
Reposant sur le CMS WordPress, le site du Groupe ABF intègre les meilleures pratiques de développement durable grâce à l’expertise technique de Here we com :
-
Gestion dynamique du chargement : Intégration du lazy loading (chargement au défilement) et activation des contenus multimédias uniquement sur action de l’utilisateur.
-
Optimisation du code : Minification des fichiers CSS et JavaScript pour réduire le temps de traitement des serveurs.
-
Architecture « Mobile First » : Conception pensée prioritairement pour les smartphones afin de limiter les transferts de données sur les réseaux mobiles.
-
Performance et mise en cache : Utilisation de systèmes de cache avancés et réduction du nombre de requêtes HTTP pour un affichage quasi instantané.
Une organisation des contenus intelligente
Plutôt que de saturer nos pages d’informations, nous avons structuré les contenus du Groupe ABF par niveaux de profondeur. Cette hiérarchie permet aux visiteurs de consulter les détails uniquement s’ils le souhaitent via des blocs « En savoir plus ». Cette méthode évite de charger des données inutiles pour l’utilisateur qui cherche une information rapide.
Pour analyser les performances du site nous avons utilisé PageSpeed Insights, qui nous donne ces résultats, avant puis après la refonte du site :
| Page | Score desktop avant refonte |
Score desktop après refonte |
Score mobile avant refonte |
Score mobile après refonte |
| Accueil | 33 | 98 | 26 | 91 |
| A propos | 61 | 99 | 39 | 90 |
| Recrutement | 70 | 98 | 43 | 76 |
Afin d’évaluer les impacts environnementaux des pages web les plus visitées, nous avons utilisé également l’outil de mesure GreenIT Analysis.
| AVANT REFONTE | EcoIndex | Eau (cl) | GES (gCO2e) | Nombre de requêtes | Taille de page (Ko) |
| Accueil | 50.78 (D) | 2.98 | 1.98 | 74 | 3914 |
| A propos | 51.76 (D) | 2.95 | 1.96 | 73 | 2889 |
| Recrutement | 35.51 (E) | 3.31 | 2.21 | 152 | 22678 |
| APRES REFONTE | EcoIndex | Eau (cl) | GES (gCO2e) | Nombre de requêtes | Taille de page (Ko) |
| Accueil | 59.66 (C) | 2.71 | 1.81 | 29 | 699 |
| A propos | 53.12 (D) | 2.91 | 1.94 | 29 | 590 |
| Recrutement | 60.23 (C) | 2.69 | 1.80 | 29 | 1378 |