Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Améliorez vos applications Web en y apportant u...
Search
Rémi Mondenx
March 10, 2021
Programming
0
220
Améliorez vos applications Web en y apportant une touche de Green
Rémi Mondenx
March 10, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
CSC509 Lecture 08
javiergs
PRO
0
260
Leading Effective Engineering Teams in the AI Era
addyosmani
7
660
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
530
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
380
AkarengaLT vol.38
hashimoto_kei
1
130
Go言語はstack overflowの夢を見るか?
logica0419
0
630
Amazon Verified Permissions実践入門 〜Cedar活用とAppSync導入事例/Practical Introduction to Amazon Verified Permissions
fossamagna
2
100
AI 駆動開発におけるコミュニティと AWS CDK の価値
konokenj
5
290
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
650
モテるデスク環境
mozumasu
3
1.3k
AIのバカさ加減に怒る前にやっておくこと
blueeventhorizon
0
110
Pythonに漸進的に型をつける
nealle
1
130
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
97
6.3k
Docker and Python
trallard
46
3.6k
Six Lessons from altMBA
skipperchong
29
4k
Code Reviewing Like a Champion
maltzj
526
40k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Git: the NoSQL Database
bkeepers
PRO
431
66k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How STYLIGHT went responsive
nonsquared
100
5.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Documentation Writing (for coders)
carmenintech
75
5.1k
Transcript
Améliorez vos applications Web en y apportant une touche de
Green
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
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
4% des émissions mondiales de gaz à effet de serre...
Source : Empreinte environnementale du numérique mondial - GreenIT.fr
… et ça ne va pas en s’arrangeant ! Source
: Déployer la Sobriété Numérique - The Shift Project
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
Etape 1 : Sobriété
Etape 2 : Optimisations
Les outils de mesure Les proxy mesures
Répartition de l’impact du numérique Source : Empreinte environnementale du
numérique mondial - GreenIT.fr
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
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
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
Pour finir…
Merci ! @remimondenx