Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Performances côté client

Avatar for arnaudlimbourg arnaudlimbourg
November 24, 2011
Technology
510
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
340
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
160

Other Decks in Technology

See All in Technology
Why Agent Cost Needs Observability
Avatar for NTT docomo Business nttcom
0
150
AIエージェントの一手は 誰も見ていない - Falco拡張OSS「Prempti」とeBPFで サーバーレス実行基盤を二層防御する
Avatar for がっきー（がっきー） keitah
0
540
AWS DevOps Agent スキルをつかいこなそう / Master AWS DevOps Agent Skills
Avatar for Masanori Yamaguchi kinunori
1
290
AgentCore Runtime上にAgentic Coding基盤を構築・展開する際の設計ポイントと限界点 / Design considerations and limitations when building an agentic coding platform on AgentCore Runtime
Avatar for Har1101 har1101
6
730
高負荷プロダクション環境におけるAWS Lambdaのリアル 〜スケールとコストを左右する実行ライフサイクルの技術仕様〜
Avatar for maimyyym maimyyym
2
270
「今盗んで、後で解く」に備える ― AWSのポスト量子暗号入門
Avatar for Yuuki Yamashita yama3133
1
190
AIエージェントの権限管理 3:  Agentic RAG の Fine grained access control 編
Avatar for Renya Kujirada ren8k
1
240
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
Avatar for 尾﨑勇太/Yuta Ozaki waiwai2111
1
150
SREは、MCPとAutopilotをこう使え！
Avatar for kazumax55 kazumax55
3
960
サーバーレスをどこまで使う？ WebRTC対戦ゲームで選んだVPSとの共存設計
Avatar for kaidouji85 kaidouji85
0
400
.NET WebAssemblyで実現するクライアントサイドAI推論：NuGetからViteまで、2つのエコシステムを繋ぐビルド戦略
Avatar for Yusuke Yamada yamachu
1
690
AI coding 整合正規方法
Avatar for philipz philipz
0
540

Featured

See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
710
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
470
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
830
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
370
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
480
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
220
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k

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