Améliorez vos applications Web
en y apportant une touche de Green
Slide 2
Slide 2 text
Sommaire
Impact environnemental du numérique
Introduction
à l’échelle d’une application Web
Limiter l’impact
pour une application plus responsable
Quelques exemples d’améliorations
1
2
3
Slide 3
Slide 3 text
Sommaire
Impact environnemental du numérique
Introduction
à l’échelle d’une application Web
Limiter l’impact
pour une application plus responsable
Quelques exemples d’améliorations
1
2
3
Slide 4
Slide 4 text
4%
des émissions mondiales de gaz
à effet de serre...
Source : Empreinte environnementale du numérique mondial - GreenIT.fr
Slide 5
Slide 5 text
… et ça ne va pas en s’arrangeant !
Source : Déployer la Sobriété Numérique - The Shift Project
Slide 6
Slide 6 text
Sommaire
Impact environnemental du numérique
Introduction
à l’échelle d’une application Web
Limiter l’impact
pour une application plus responsable
Quelques exemples d’améliorations
1
2
3
Slide 7
Slide 7 text
Etape 1 :
Sobriété
Slide 8
Slide 8 text
Etape 2 :
Optimisations
Slide 9
Slide 9 text
Les outils de mesure
Les proxy mesures
Slide 10
Slide 10 text
Répartition de l’impact du numérique
Source : Empreinte environnementale du numérique mondial - GreenIT.fr
Slide 11
Slide 11 text
Les proxy mesures
Axe de consommation Proxy mesure
Utilisateur
Compatibilité
Performance front-end
Réseau Volume des données transférées
Centres informatiques
Prix de l’infrastructure
Performance back-end
Slide 12
Slide 12 text
Sommaire
Impact environnemental du numérique
Introduction
à l’échelle d’une application Web
Limiter l’impact
pour une application plus responsable
Quelques exemples d’améliorations
1
2
3
Slide 13
Slide 13 text
Quelques exemples d’amélioration
Images
- Taille
- Cache
- Format
- Lazy-loading
Bundles JS
- Code-splitting
- Tree-shaking
- Lazy-loading
Serveurs
Eteindre
automatiquement ses
serveurs de dev la nuit
et les week-ends