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

Performances côté client

Avatar for arnaudlimbourg arnaudlimbourg
November 24, 2011
Technology
500
1

Performances côté client

PHPTour 2011 à Lille

Avatar for arnaudlimbourg

arnaudlimbourg

November 24, 2011

More Decks by arnaudlimbourg

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

Other Decks in Technology

See All in Technology
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.5k
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
Avatar for Aki / @LoveIdahoBurger aki_iinuma
0
860
少人数データチームのDevin活用実践事例
Avatar for Runa Yamada runandy16
2
300
AI時代におけるプロダクト横断勉強会の設計
Avatar for ZOZO Developers zozotech
PRO
0
120
Genie Code ワークショップ 基礎編 / Genie-Code-Workshop-fundamental
Avatar for Databricks Japan databricksjapan
PRO
0
290
分割40%キーボードにスムーズに入門するには
Avatar for Yuki Ishikawa hoto17296
1
220
Sony-DroidKaigi2026
Avatar for ソニー株式会社 sony
0
270
データエンジニアの困りごとをDevinと一緒に解消する
Avatar for 10xinc 10xinc
2
360
本番に近いテストをもっと手軽に - Postmanで広がるAPIテストの世界 / Expanding the World of API Testing with Postman
Avatar for Yoichi Kawasaki yokawasa
1
220
Azure App Service / Container Apps の組み込み認証
Avatar for Kuniteru Asami kuniteru
0
140
最新技術に積極チャレンジ！EKS共通基盤のこれまでとこれから
Avatar for 高棹大樹 daitak
0
290
[RSJ26] Hierarchy-Aware Multimodal Retrieval-Augmented Generation for Embodied Question Answering
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
1
150

Featured

See All Featured
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
53k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
550
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
190
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
460
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
460
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.4k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
570
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
680
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
490

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