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
440
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
220
Monitoring : mise en place
arnaudlimbourg
4
280
Monitoring: une culture plus que des outils
arnaudlimbourg
0
790
AgoraCMS : Gérer le multicanal : web, apps, devices
arnaudlimbourg
0
1k
Boomerang
arnaudlimbourg
1
140
Montée en charge
arnaudlimbourg
1
140
Other Decks in Technology
See All in Technology
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
6k
OPENLOGI Company Profile for engineer
hr01
1
33k
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
330
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
oliversmith12
0
140
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
140
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
200
asken AI勉強会(Android)
tadashi_sato
0
170
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
5
680
モバイル界のMCPを考える
naoto33
0
410
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
260
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
220
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
130
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
A Tale of Four Properties
chriscoyier
160
23k
Designing Experiences People Love
moore
142
24k
Scaling GitHub
holman
459
140k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Building Adaptive Systems
keathley
43
2.6k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
BBQ
matthewcrist
89
9.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
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