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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Timothée Peignier
June 18, 2012
Programming
340
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Mobile Web Performance
Timothée Peignier
June 18, 2012
More Decks by Timothée Peignier
See All by Timothée Peignier
Dr. Rubocop
tim
0
200
Et votre backoffice ?
tim
0
290
Mesurer (par)tout, tout le temps
tim
2
710
Un site web mobile en Django
tim
1
460
Other Decks in Programming
See All in Programming
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
licux
6
340
New "Type" system on PicoRuby
pocke
1
930
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
240
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
130
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
0
240
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
260
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
suikabar
3
680
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
400
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
700
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
niftycorp
PRO
0
180
エンジニアと一緒にテストコードの設計と実装を改善した話
mototakatsu
0
180
Make SRE Operations Easier with Azure SRE Agent
kkamegawa
0
6.2k
Featured
See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
160
Code Review Best Practice
trishagee
74
20k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
GitHub's CSS Performance
jonrohan
1033
470k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
210
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
290
The Pragmatic Product Professional
lauravandoore
37
7.3k
Six Lessons from altMBA
skipperchong
29
4.3k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
300
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