$30 off During Our Annual Pro Sale. View Details »
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
450
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
820
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
Eight Engineering Unit 紹介資料
sansan33
PRO
0
5.7k
命名から始めるSpec Driven
kuruwic
3
810
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
9.8k
私のRails開発環境
yahonda
0
170
AIにおける自由の追求
shujisado
2
450
Databricksによるエージェント構築
taka_aki
1
110
Excelデータ分析で学ぶディメンショナルモデリング ~アジャイルデータモデリングへ向けて~ by @Kazaneya_PR / 20251126
kazaneya
PRO
3
820
ページの可視領域を算出する方法について整理する
yamatai1212
0
150
AI開発の定着を推進するために揃えるべき前提
suguruooki
1
470
履歴テーブル、今回はこう作りました 〜 Delegated Types編 〜 / How We Built Our History Table This Time — With Delegated Types
moznion
15
9.1k
進化の早すぎる生成 AI と向き合う
satohjohn
0
490
プロダクトマネジメントの分業が生む「デリバリーの渋滞」を解消するTPMの越境
recruitengineers
PRO
2
160
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
700
Documentation Writing (for coders)
carmenintech
76
5.2k
The Cult of Friendly URLs
andyhume
79
6.7k
Git: the NoSQL Database
bkeepers
PRO
432
66k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
How GitHub (no longer) Works
holman
316
140k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Code Reviewing Like a Champion
maltzj
527
40k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.1k
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