Écoconception dans le code
outils et techniques d’optimisation
gouz.dev
Sylvain Gougouzian
Développeur Auvergnat Rhône Alpin
gouzGreenTechAuvergne
gtaRappels sur l’éco-conception
Où se situe le principal consommateur de ressources?
Les terminaux
34 milliards d’équipements utilisateurs
75 millions de serveurs
equipementssource: ADEME - Mars 2023
La fabrication est le principal consommateur de ressources
Mine de lithium
Lac de décantation Atacama
Mine de lithium dans l'AllierFront

1994 : quelques kilos

2004 : 1.2 MB

2014 : 2.9 MB

2024 : 6.1MB

En moyenne 4x plus lourd en 10 ans
Pourquoi ?
- Des libs JS de plus en plus lourdes
- Moins d’optimisation
- Facilités car stress
Extension GreenIT

Exemple GreenIT

Squoosh

Bundlephobia

Lighthouse

Exemple Lighthouse

Autres outils
- Bundler (tree-shaking)
- Optimizer
- Minifier
- Compresseur (Brotli, …)
- CanIUse (compatibilité des navigateurs)
Back

Tout au long du cycle
Cycle DevOps-0
Cycle DevOps-0
Cycle DevOps
Cycle DevOps
Cycle DevOps
Cycle DevOps
Cycle DevOps
Cycle DevOps
Cycle DevOpsDive
Régime des images Docker
DiveGreen-analysis CLI
Automatiser le contrôle de vos pages
Green-analysis CLIMesurer et comprendre l’impact
Mesurer : Scaphandre ou Kepler
Métriques intéressantes mais compliquées à mettre en oeuvre et à instrumenter complètement
scaphandre
keplerou les outils des Cloud Provider… 😉
Dataviz : côté infra
https://dataviz.boavizta.org/
Calculer son impact (co2, énergie, ressources)
Selon plusieurs cibles (cloud, onprem, terminaux)
datavistaEstimation NodeJS
🌱 Node Carbon: A Node Package for Measuring Carbon Footprints 🌐

Atelier
Optimisation d’un site
L’éco-conception, ce n’est pas
- une science exacte
- un remède miracle
- la solution ultime, mais ça avance le schmilblick
L’éco-conception, c’est
- un ensemble de bonnes pratiques
- une amélioration de l’accessibilité
- une préservation de la planète
- une réduction de la fracture numérique
- une démarche mutuelle