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
160
Et votre backoffice ?
tim
0
260
Mesurer (par)tout, tout le temps
tim
2
650
Un site web mobile en Django
tim
1
420
Other Decks in Programming
See All in Programming
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
390
PipeCDのプラグイン化で目指すところ
warashi
1
210
Goで作る、開発・CI環境
sin392
0
170
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
610
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
240
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
100
Create a website using Spatial Web
akkeylab
0
310
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
230
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
280
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
170
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
1
530
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
670
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A designer walks into a library…
pauljervisheath
207
24k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Designing for humans not robots
tammielis
253
25k
A better future with KSS
kneath
239
17k
Thoughts on Productivity
jonyablonski
69
4.7k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
RailsConf 2023
tenderlove
30
1.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
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