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

Performances côté client

Avatar for arnaudlimbourg arnaudlimbourg
November 24, 2011
Technology
1
450

Performances côté client

PHPTour 2011 à Lille

Avatar for arnaudlimbourg

arnaudlimbourg

November 24, 2011
Tweet

More Decks by arnaudlimbourg

See All by arnaudlimbourg
Django & the frontend
Avatar for arnaudlimbourg arnaudlimbourg
0
220
Monitoring : mise en place
Avatar for arnaudlimbourg arnaudlimbourg
4
290
Monitoring: une culture plus que des outils
Avatar for arnaudlimbourg arnaudlimbourg
0
810
AgoraCMS : Gérer le multicanal : web, apps, devices
Avatar for arnaudlimbourg arnaudlimbourg
0
1.1k
Boomerang
Avatar for arnaudlimbourg arnaudlimbourg
1
140
Montée en charge
Avatar for arnaudlimbourg arnaudlimbourg
1
140

Other Decks in Technology

See All in Technology
Oracle Cloud Infrastructure：2025年9月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
470
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
20k
動画データのポテンシャルを引き出す！ Databricks と AI活用への奮闘記（現在進行形）
Avatar for Databricks Japan databricksjapan
0
150
Why Governance Matters: The Key to Reducing Risk Without Slowing Down
Avatar for Sarah Wells sarahjwells
0
110
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
9.1k
ACA でMAGI システムを社内で展開しようとした話
Avatar for Yuji Masaoka | まっぴぃ mappie_kochi
1
290
社内お問い合わせBotの仕組みと学び
Avatar for Tomoyuki Nishimura nish01
0
460
PLaMoの事後学習を支える技術 / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
9
3.9k
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
Avatar for BrainPad brainpadpr
25
17k
許しとアジャイル
Avatar for Jun Nakajima jnuank
1
130
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
Avatar for po3rin po3rin
2
290
GA technologiesでのAI-Readyの取り組み@DataOps Night
Avatar for yuto16 yuto16
0
280

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
10k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k

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