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
470
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
310
Monitoring: une culture plus que des outils
arnaudlimbourg
0
840
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
OpenShiftでllm-dを動かそう!
jpishikawa
0
100
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
日本の85%が使う公共SaaSは、どう育ったのか
taketakekaho
1
150
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.8k
こんなところでも(地味に)活躍するImage Modeさんを知ってるかい?- Image Mode for OpenShift -
tsukaman
0
130
What happened to RubyGems and what can we learn?
mikemcquaid
0
280
プロポーザルに込める段取り八分
shoheimitani
1
220
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
110
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
450
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
0
890
配列に見る bash と zsh の違い
kazzpapa3
1
140
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
360
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
450
A Soul's Torment
seathinner
5
2.2k
The untapped power of vector embeddings
frankvandijk
1
1.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
320
The browser strikes back
jonoalderson
0
370
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
210
Paper Plane
katiecoart
PRO
0
46k
Deep Space Network (abreviated)
tonyrice
0
47
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