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
Mobile Web Performance
Search
Timothée Peignier
June 18, 2012
Programming
1
310
Mobile Web Performance
Timothée Peignier
June 18, 2012
Tweet
Share
More Decks by Timothée Peignier
See All by Timothée Peignier
Dr. Rubocop
tim
0
170
Et votre backoffice ?
tim
0
260
Mesurer (par)tout, tout le temps
tim
2
660
Un site web mobile en Django
tim
1
430
Other Decks in Programming
See All in Programming
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
2
760
AI時代に必須!状況言語化スキル / ai-context-verbalization
minodriven
2
180
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
530
CSC509 Lecture 08
javiergs
PRO
0
260
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
1.8k
CSC509 Lecture 07
javiergs
PRO
0
250
Leading Effective Engineering Teams in the AI Era
addyosmani
7
650
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
950
Catch Up: Go Style Guide Update
andpad
0
260
ドメイン駆動設計のエッセンス
masuda220
PRO
14
5.4k
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Code Reviewing Like a Champion
maltzj
526
40k
It's Worth the Effort
3n
187
28k
Raft: Consensus for Rubyists
vanstee
140
7.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
YesSQL, Process and Tooling at Scale
rocio
173
15k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Transcript
Un site web mobile m.20minutes.fr
contraintes léger, rapide et versatile
léger  RAM 256-1024 Mb CPU 600Mhz-1.4Ghz
léger Servir une version compressé Servir le strict nécessaire 
django-pipeline concatenation + compression (js, css, html) + template js
https://github.com/cyberdelia/django-pipeline léger
rapide 100-500ms de latence 200kb/s-800kb/s en téléchargement 
Limiter le nombre de requêtes Tricher sur les interactions rapide
rapide  Donner une impression de rapidité
versatile   Une seule implémentation pour tous les terminaux
versatile Servir la version la plus légère par défaut Pouvoir
servir pour n’importe quelle taille (images, vidéos, etc.)
versatile     Tester, tester, tester.
le récap’ léger RAM/IO rapide Edge / 3G versatile Screen
/ OS
performance mesurer et réagir
mesurer  applicatifs infrastructure logs notifications
mesurer  applicatifs + infrastructure statsd/graphite ou librato boomerang ou
new relic metric ou metriks ou metrology https://github.com/cyberdelia/metrology
mesurer 
mesurer  logs
mesurer  notifications à toute l’équipe
réagir  Métriques importantes à portée Date et contenu du
dernier déploiement
réagir  Visualiser les problèmes et leur résolutions
réagir  Avoir un accès direct aux erreurs
le récap’ tout mesurer réagir en fonction
Merci beaucoup (ne soyez pas timide, posez une question) @cyberdelia