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
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
210
Et votre backoffice ?
tim
0
300
Mesurer (par)tout, tout le temps
tim
2
720
Un site web mobile en Django
tim
1
470
Other Decks in Programming
See All in Programming
30年振りにコンパイラの定数整数除算を改善した
herumi
9
4.2k
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
7.8k
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
kishida
7
2.1k
仕様駆動開発の消費期限
watany
20
9k
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
490
Pythonの実行はどこまで賢くなったのか? CPythonとPyPyから見る最適化のしくみ
curekoshimizu
3
1.9k
Flow は今どうなっているか
mizdra
PRO
0
720
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
tatsuki12
4
1.1k
Go を使い始めて 2 ヶ月の学び / My first two months with Go
contour_gara
0
380
AWS Transform Customによる Spring Boot 2.xから4.xへのVerUp
satoshi256kbyte
2
100
初めての模倣学習とVLA
natsutan
0
250
Dockerfile CMD for Node.js
grazie1999
0
120
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
650
GitHub's CSS Performance
jonrohan
1033
470k
How to Talk to Developers About Accessibility
jct
2
520
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
The Curious Case for Waylosing
cassininazir
1
480
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
670
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
900
Docker and Python
trallard
47
4.1k
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