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
190
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
月刊 競技プログラミングをお仕事に役立てるには
terryu16
1
1.2k
.NETでOBS Studio操作してみたけど…… / Operating OBS Studio by .NET
skasweb
0
120
為你自己學 Python
eddie
0
520
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
1.8k
GitHub CopilotでTypeScriptの コード生成するワザップ
starfish719
26
6k
PHPとAPI Platformで作る本格的なWeb APIアプリケーション(入門編) / phpcon 2024 Intro to API Platform
ttskch
0
390
ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた (プロトタイプ) / Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)
tkikuc
2
1.8k
Flatt Security XSS Challenge 解答・解説
flatt_security
0
730
Lookerは可視化だけじゃない。UIコンポーネントもあるんだ!
ymd65536
1
130
shadcn/uiを使ってReactでの開発を加速させよう!
lef237
0
300
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
400
선언형 UI에서의 상태관리
l2hyunwoo
0
270
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Site-Speed That Sticks
csswizardry
2
270
YesSQL, Process and Tooling at Scale
rocio
170
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Designing for humans not robots
tammielis
250
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
[RailsConf 2023] Rails as a piece of cake
palkan
53
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