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
440

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
280
Monitoring: une culture plus que des outils
Avatar for arnaudlimbourg arnaudlimbourg
0
800
AgoraCMS : Gérer le multicanal : web, apps, devices
Avatar for arnaudlimbourg arnaudlimbourg
0
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
モノレポにおけるエラー管理 ~Runbook自動生成とチームメンションの最適化
Avatar for Shota Iwami biwashi
0
370
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
Avatar for oracle4engineer oracle4engineer
PRO
1
330
MySQL HeatWave：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
1.6k
Amazon Qで2Dゲームを作成してみた
Avatar for Siromi siromi
0
170
事業特性から逆算したインフラ設計
Avatar for UPSIDER, Inc. Tech&Product div. upsider_tech
0
240
データモデリング通り #2オンライン勉強会 ～方法論の話をしよう～
Avatar for データ横丁 datayokocho
0
190
20250807_Kiroと私の反省会
Avatar for Rika.I riz3f7
0
270
20250807 Applied Engineer Open House
Avatar for Sakana AI sakana_ai
PRO
2
610
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
Avatar for たけのこ kmiya84377
1
160
GISエンジニアよ 現場に行け！
Avatar for ブーチョ sudataka
1
140
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
Avatar for 弁護士ドットコム bengo4com
0
2.6k
Jamf Connect ZTNAとMDMで実現! 金融ベンチャーにおける「デバイストラスト」実例と軌跡 / Kyash Device Trust
Avatar for Jun Watanabe rela1470
1
210

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Scaling GitHub
Avatar for Zach Holman holman
462
140k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
The Language of Interfaces
Avatar for Des Traynor destraynor
159
25k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k

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