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
Performances côté client
Search
arnaudlimbourg
November 24, 2011
Technology
1
460
Performances côté client
PHPTour 2011 à Lille
arnaudlimbourg
November 24, 2011
Tweet
Share
More Decks by arnaudlimbourg
See All by arnaudlimbourg
Django & the frontend
arnaudlimbourg
0
230
Monitoring : mise en place
arnaudlimbourg
4
300
Monitoring: une culture plus que des outils
arnaudlimbourg
0
830
AgoraCMS : Gérer le multicanal : web, apps, devices
arnaudlimbourg
0
1.1k
Boomerang
arnaudlimbourg
1
140
Montée en charge
arnaudlimbourg
1
140
Other Decks in Technology
See All in Technology
Introduction to Bill One Development Engineer
sansan33
PRO
0
340
Master Dataグループ紹介資料
sansan33
PRO
1
4.2k
「リリースファースト」の実感を届けるには 〜停滞するチームに変化を起こすアプローチ〜 #RSGT2026
kintotechdev
0
500
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
AWSと生成AIで学ぶ!実行計画の読み解き方とSQLチューニングの実践
yakumo
2
160
BidiAgent と Nova 2 Sonic から考える音声 AI について
yama3133
2
140
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
longbowxxx
0
290
モノタロウ x クリエーションラインで実現する チームトポロジーにおける プラットフォームチーム・ ストリームアラインドチームの 効果的なコラボレーション
creationline
0
340
20251225_たのしい出張報告&IgniteRecap!
ponponmikankan
0
110
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
290
Node vs Deno vs Bun 〜推しランタイムを見つけよう〜
kamekyame
1
180
テストセンター受験、オンライン受験、どっちなんだい?
yama3133
0
200
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
Context Engineering - Making Every Token Count
addyosmani
9
580
Getting science done with accelerated Python computing platforms
jacobtomlinson
0
88
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
115
100k
ラッコキーワード サービス紹介資料
rakko
0
1.9M
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
870
Paper Plane (Part 1)
katiecoart
PRO
0
2.7k
So, you think you're a good person
axbom
PRO
0
1.9k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
120
Git: the NoSQL Database
bkeepers
PRO
432
66k
Transcript
Performances côté client Arnaud Limbourg - 20minutes.fr PHP Tour Lille
2011 jeudi 24 novembre 11
200ms jeudi 24 novembre 11
Pourquoi ? jeudi 24 novembre 11
10% 50% jeudi 24 novembre 11
De quoi parle-t-on ? jeudi 24 novembre 11
Navigateur jeudi 24 novembre 11
Le plus important ? jeudi 24 novembre 11
Mesurer jeudi 24 novembre 11
Stratégie jeudi 24 novembre 11
Comment mesurer ? jeudi 24 novembre 11
jeudi 24 novembre 11
jeudi 24 novembre 11
jeudi 24 novembre 11
Boomerang jeudi 24 novembre 11
Nav Timing API jeudi 24 novembre 11
jeudi 24 novembre 11
Boomerang • R • 4,9 M obs. 10 jours •
11663 Ms Quart 25 % 50 % 75 % Ms 5056 8985 16719 jeudi 24 novembre 11
Source : Cedexis jeudi 24 novembre 11
Améliorer jeudi 24 novembre 11
jeudi 24 novembre 11
jeudi 24 novembre 11
http://www.flickr.com/photos/treefiddy/372092545/ jeudi 24 novembre 11
Améliorer • nb requêtes http • <head> • minifier/gzipper JS
et CSS • compresser images • sprites, data-uri jeudi 24 novembre 11
Améliorer • cache-control • nb éléments DOM • javascript jeudi
24 novembre 11
YSlow Page Speed jeudi 24 novembre 11
Source : Google analytics jeudi 24 novembre 11
Liens • Comment fonctionne un navigateur : http://www.html5rocks.com/en/tutorials/ internals/howbrowserswork/ jeudi
24 novembre 11
Liens • Les outils habituels : • Google PageSpeed •
YSlow • Chrome (timeline) jeudi 24 novembre 11
Liens • Mesure des performances : • Cedexis radar (http://www.cedexis.com/
products/cedexis-radar/) • Yottaa (http://www.yottaa.com) • Webpagetest (http:// www.webpagetest.org) • Google analytics jeudi 24 novembre 11
Liens • Yahoo Boomerang (http:// yahoo.github.com/boomerang/doc/) • HTTP Archive (http://www.httparchive.org)
• DOM Monster (http://mir.aculo.us/dom- monster/) jeudi 24 novembre 11
En résumé • qu’est qui à un impact sur les
performances • que faut-il faire pour les améliorer jeudi 24 novembre 11
Merci ! Questions ? http://www.flickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/ jeudi 24 novembre 11
Performances côté client Arnaud Limbourg - 20minutes.fr
[email protected]
jeudi 24
novembre 11
• boomerang: http://www.flickr.com/photos/ 65438942@N08/5951313541/in/ photostream/ • Arbre : http://www.flickr.com/photos/ jordyb/6108619670/sizes/l/in/photostream/
• Montre : http://www.flickr.com/photos/ treefiddy/372092545/ jeudi 24 novembre 11