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
300
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
140
Et votre backoffice ?
tim
0
250
Mesurer (par)tout, tout le temps
tim
2
550
Un site web mobile en Django
tim
1
410
Other Decks in Programming
See All in Programming
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.6k
雑に思考を整理する技術と効能
konifar
55
24k
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
3
420
pixivアプリでマルチモジュールを実現するまで
gatosyocora
1
130
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
3.1k
今、知っておきたい! 生成AIエージェントの世界
elith
3
340
甘い香りに誘われてVanilla Extractを1年間運用してみた
miyahkun
1
110
両面どころかインフラもTSでできるよ ~ 全方位TypeScriptによるプロダクト開発 ~
myfinder
9
3.2k
ドメイン・ファーストで考える問題解決に役立つモデル設計 / Domain First Model Design
suzushin54
2
2.1k
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
230
StreamlitとTerraformでデータカタログを作った話
gussan0223
0
290
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
Featured
See All Featured
Designing with Data
zakiwarfel
95
4.8k
Docker and Python
trallard
33
2.7k
What's in a price? How to price your products and services
michaelherold
237
11k
Designing for Performance
lara
601
67k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
How to train your dragon (web standard)
notwaldorf
71
5.1k
The Invisible Side of Design
smashingmag
293
49k
Building an army of robots
kneath
300
41k
4 Signs Your Business is Dying
shpigford
175
21k
Product Roadmaps are Hard
iamctodd
43
9.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
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