Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Performances côté client

arnaudlimbourg
November 24, 2011
Technology
1
410

Performances côté client

PHPTour 2011 à Lille

arnaudlimbourg

November 24, 2011
Tweet

More Decks by arnaudlimbourg

See All by arnaudlimbourg
Django & the frontend
arnaudlimbourg
0
200
Monitoring : mise en place
arnaudlimbourg
4
250
Monitoring: une culture plus que des outils
arnaudlimbourg
0
740
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
深層学習と3Dキャプチャ・3Dモデル生成（土木学会応用力学委員会 応用数理・AIセミナー）
pfn
PRO
0
450
Accessibility Inspectorを活用した アプリのアクセシビリティ向上方法
hinakko
0
170
三菱電機で社内コミュニティを立ち上げた話
kurebayashi
1
350
JuliaTokaiとJuliaLangJaの紹介 for NGK2025S
antimon2
1
110
.NET AspireでAzure Functionsやクラウドリソースを統合する
tsubakimoto_s
0
180
【JAWS-UG大阪 reInvent reCap LT大会 サンバが始まったら強制終了】“1分”で初めてのソロ参戦reInventを数字で振り返りながら反省する
ttelltte
0
130
技術に触れたり、顔を出そう
maruto
1
140
「隙間家具OSS」に至る道/Fujiwara Tech Conference 2025
fujiwara3
6
6.3k
月間60万ユーザーを抱える 個人開発サービス「Walica」の 技術スタック変遷
miyachin
1
120
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
840
テストを書かないためのテスト/ Tests for not writing tests
sinsoku
1
170
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
190

Featured

See All Featured
BBQ
matthewcrist
85
9.4k
Fireside Chat
paigeccino
34
3.1k
Making the Leap to Tech Lead
cromwellryan
133
9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
The World Runs on Bad Software
bkeepers
PRO
66
11k
RailsConf 2023
tenderlove
29
970
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
51k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k

Transcript

  1. Performances côté client Arnaud Limbourg - 20minutes.fr PHP Tour Lille

    2011 jeudi 24 novembre 11

  2. 200ms jeudi 24 novembre 11

  3. Pourquoi ? jeudi 24 novembre 11

  4. 10% 50% jeudi 24 novembre 11

  5. De quoi parle-t-on ? jeudi 24 novembre 11

  6. Navigateur jeudi 24 novembre 11

  7. Le plus important ? jeudi 24 novembre 11

  8. Mesurer jeudi 24 novembre 11

  9. Stratégie jeudi 24 novembre 11

  10. Comment mesurer ? jeudi 24 novembre 11

  11. jeudi 24 novembre 11

  12. jeudi 24 novembre 11

  13. jeudi 24 novembre 11

  14. Boomerang jeudi 24 novembre 11

  15. Nav Timing API jeudi 24 novembre 11

  16. jeudi 24 novembre 11

  17. Boomerang • R • 4,9 M obs. 10 jours •

    11663 Ms Quart 25 % 50 % 75 % Ms 5056 8985 16719 jeudi 24 novembre 11

  18. Source : Cedexis jeudi 24 novembre 11

  19. Améliorer jeudi 24 novembre 11

  20. jeudi 24 novembre 11

  21. jeudi 24 novembre 11

  22. http://www.flickr.com/photos/treefiddy/372092545/ jeudi 24 novembre 11

  23. Améliorer • nb requêtes http • <head> • minifier/gzipper JS

    et CSS • compresser images • sprites, data-uri jeudi 24 novembre 11

  24. Améliorer • cache-control • nb éléments DOM • javascript jeudi

    24 novembre 11

  25. YSlow Page Speed jeudi 24 novembre 11

  26. Source : Google analytics jeudi 24 novembre 11

  27. Liens • Comment fonctionne un navigateur : http://www.html5rocks.com/en/tutorials/ internals/howbrowserswork/ jeudi

    24 novembre 11

  28. Liens • Les outils habituels : • Google PageSpeed •

    YSlow • Chrome (timeline) jeudi 24 novembre 11

  29. 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

  30. 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

  31. En résumé • qu’est qui à un impact sur les

    performances • que faut-il faire pour les améliorer jeudi 24 novembre 11

  32. Merci ! Questions ? http://www.flickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/ jeudi 24 novembre 11

  33. Performances côté client Arnaud Limbourg - 20minutes.fr [email protected] jeudi 24

    novembre 11

  34. • 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