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
330
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
180
Et votre backoffice ?
tim
0
270
Mesurer (par)tout, tout le temps
tim
2
670
Un site web mobile en Django
tim
1
440
Other Decks in Programming
See All in Programming
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
650
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
380
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
460
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
Fluid Templating in TYPO3 14
s2b
0
130
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
730
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
310
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
250
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
220
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
37k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Utilizing Notion as your number one productivity tool
mfonobong
3
220
Paper Plane
katiecoart
PRO
0
46k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Building AI with AI
inesmontani
PRO
1
700
Testing 201, or: Great Expectations
jmmastey
46
8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
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