Gold of Bengal

Description

L’association Gold of Bengal explore des possibles pour faire émerger des solutions techniques utiles et durables.

Après une création en interne de leur site web, L’association souhaitait garder le webdesign de son site mais l’optimiser car il n’était pas éco-responsable. Ils ont fait appel à mes services pour l’éco-concevoir.

    Services

  • Audit environnemental
  • Conseil
  • Optimisation de site internet
  • Refonte partielle
  • Site web vitrine
visuel intro creation gold of bengal du low-tech lab

Développement Web

Avant la refonte du site web, j’ai réalisé un audit environnemental du site.
Je l’ai réalisé manuellement en consultant les pages et le coeur de la machine et aussi avec l’aide d’Écoindex.

J’ai constaté plusieurs choses sur ce site web. Je ne vous mettrai pas tout mon compte-rendu, nous focaliserons sur la page d’accueil.

Le nombre d’éléments du DOM était très élevé alors que le projet et les éléments sur la page d’accueil n’étaient pas si complexes ni chargés que ça.

Puis le nombre d’images ainsi que le redimensionnement par le navigateur de celles-ci laissaient à présager que le poids de la page serait élevé. Il s’avère que le poids était élevé et bien au-dessus de la médiane recommandée par GreenIT (créateur de l’outil Écoindex).

En regardant le DOM ainsi que les extensions ajoutées au site web, je me suis dit que la charge serveur devait être assez élevée mais elle était dans la moyenne relative à Écoindex.

Empreinte environnementale de la page d’accueil :

– Empreinte équivalent Gaz à effet de serre : 2.28 gCO2e

– Empreinte eau : 3.42 cl d’eau

Une fois l’audit réalisé, j’ai pu entamer les recommandations. Par rapport à ces dernières, Il était primordial de refondre totalement le site pour obtenir un impact le plus minime sur l’environnement. Le design a été légèrement revu par une consoeur.

À la suite de tout ça, j’ai pu entamer le développement web tout en tenant compte des souhaits de Gold of Bengal : garder le contenu déjà en place ainsi que les médias.

Grâce à cette refonte, nous avons pu réduire fortement la complexité du DOM, le poids ainsi que le nombre de requêtes des pages.

Typographies

polices du site gold of bengal

Couleurs

couleurs du site gold of bengal

Maquettes graphiques

maquette ordi gob à lorient
maquette smartphone du site web gold of bengal
design mobile pour gold of bengal
Maquette graphique du site Gold of Bengal

Performances Web

Performance éco à la mise en ligne :

• Ecoindex : catégorie B (avant optimisation D)

  • Poids moyen des pages : 1375Ko (avant 2116ko) (Web actuel : 2200Ko)
  • Nombre moyen de requêtes par page : 22 (avant 73) (Web actuel : 70)
  • Taille moyenne du DOM : 253 (avant 842)

• Website Carbon Calculator :

0,11g équivalent C02 à chaque visite du site (4.61g de CO2 en moyenne par page pour un site non éco-conçu selon Wholegrain Digital)

Informations des moyennes sur le web : Rapport de l’état du web de septembre 2022 du site https://httparchive.org

Performance globale sur la page d’accueil

  • Google Page Speed version ordinateur : 100/100
  • Google Page Speed version mobile : 93/100