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

Performante Web-Apps [de]

Avatar for Christoph Lühr Christoph Lühr
February 26, 2014
Programming
1
170

Performante Web-Apps [de]

... mit Varnish & Co - getITtogether Feb. 2014 Berlin - 15min Talk; gekürzte Online Version.

Avatar for Christoph Lühr

Christoph Lühr

February 26, 2014
Tweet

More Decks by Christoph Lühr

See All by Christoph Lühr
Vektor-Suche & LLMs
Avatar for Christoph Lühr chluehr
0
96
Search, Embeddings & Vector-DBs
Avatar for Christoph Lühr chluehr
0
120
Reality Check: Automated Content Production at Enterprise Scale with Pimcore
Avatar for Christoph Lühr chluehr
0
65
The how and why of getting Freelancers
Avatar for Christoph Lühr chluehr
0
70
Content & Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
1
660
Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
0
200
Swoole in 5 Minutes [en]
Avatar for Christoph Lühr chluehr
1
12k
PIM & Master Data Management with Pimcore 5 [en]
Avatar for Christoph Lühr chluehr
2
300
Digital Transformation & Master Data Management with Pimcore 5
Avatar for Christoph Lühr chluehr
0
240

Other Decks in Programming

See All in Programming
レイトレZ世代に捧ぐ、今からレイトレを始めるための小径
Avatar for ichi-raven ichi_raven
0
460
複数チーム並行開発下でのコード移行アプローチ ~手動 Codemod から「生成AI 活用」への進化
Avatar for ANDPAD inc andpad
0
180
Rails Girls Sapporo 2ndの裏側―準備の日々から見えた、私が得たもの / SAPPORO ENGINEER BASE #11
Avatar for はる lemonade_37
2
180
アーキテクチャと考える迷子にならない開発者テスト
Avatar for irof irof
9
3.2k
TypeScript 5.9で使えるようになった import defer でパフォーマンス最適化を実現する
Avatar for おおいし bicstone
1
220
PHPライセンス変更の議論を通じて学ぶOSSライセンスの基礎
Avatar for Atsushi Matsuo matsuo_atsushi
0
170
Chart.jsで長い項目を表示するときのハマりどころ
Avatar for yumechi(Motoki Hirao) yumechi
0
140
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
Avatar for SEGADevTech segadevtech
2
1k
Private APIの呼び出し方
Avatar for Kishikawa Katsumi kishikawakatsumi
3
890
最新のDirectX12で使えるレイトレ周りの機能追加について
Avatar for Pocol projectasura
0
280
「10分以内に機能を消せる状態」 の実現のためにやっていること
Avatar for おぎ togishima
1
520
「正規表現をつくる」をつくる / make "make regex"
Avatar for TSUYUSATO Kitsune makenowjust
1
680

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
658
61k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
6.1k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k

Transcript

  1. Performante Web Apps mit Varnish & Co. Christoph Lühr /

    @chluehr getITtogether - Berlin 2014

  2. Christoph Lühr Head of Development

  3. basilicom SEIT 2000

  4. Image source: http://www.flickr.com/photos/ethanlindsey/321225525/ CC BY 2.0

  5. DEV

  6. None

  7. (#) Internet

  8. None

  9. Unicode Character 'HAPPY PERSON RAISING ONE HAND' (U+1F64B)

  10. 1 2 3

  11. Performante Web-Apps

  12. statisch dynamisch

  13. Performance ➊ ➋ ➌

  14. ➊

  15. Transfer-Rate

  16. Transfer-Rate

  17. ➋

  18. Latenz

  19. RENDER C NETWORK D

  20. ➌

  21. X

  22. X

  23. x Faktoren

  24. CPU RAM HDD NETZ

  25. CPU RAM HDD NETZ

  26. t

  27. t

  28. CPU RAM HDD NETZ

  29. R A M

  30. R A M

  31. CPU RAM HDD LAN = IO

  32. IO

  33. IO

  34. RAM SSD WAN HDD LAN 0.05 μs 5 μs x100

    x100 50 μs x1.000 x10 5000 μs x100.000 x100 500000 μs x10.000.000 x100

  35. IO

  36. CACHE

  37. None

  38. IO Queue + Worker

  39. t

  40. statisch dynamisch

  41. statisch dynamisch

  42. None

  43. Reverse- Proxy

  44. Varnish

  45. Varnish

  46. Varnish

  47. Varnish

  48. None
  49. None

  50. Multiple Backends

  51. Varnish

  52. Varnish

  53. Varnish

  54. Varnish

  55. Varnish

  56. Varnish

  57. Partielles Caching Edge Side Inc.

  58. Varnish

  59. Varnish

  60. FUBAR? Nachteile

  61. • Content++ = RAM++ Hardwareanforderungen • !SSL Workaround: Pound Offloader

    • Purge / Warm-Up Management • Konfiguration VCL

  62. Ratiopharm? Alternativen

  63. None

  64. CDN Content Delivery Network

  65. Fallstudie / Beispiel Adventskalender

  66. None
  67. None
  68. None
  69. None

  70. App Größe 2.6 MB

  71. HTTP Requests 16 Req/App

  72. None
  73. None

  74. js js js js js js js js js js

    js js

  75. Ladezeit bei >6 Mbit 1-3 s

  76. None

  77. Transferrate ~300 Mbit/s

  78. Peak Transfer (max.) ( ~4000 Mbit/s )

  79. Transfervolumen / Top-H ~500 GB

  80. HTTP Zugriffe 260 Req/s

  81. System: Eine VM. (Varnish, Pound, Apache/PHP)

  82. None
  83. None
  84. None

  85. CPU RAM HDD NETZ CPU RAM HDD NETZ CPU RAM

    HDD NETZ
  86. None

  87. Christoph Lühr email: [email protected] twitter: @chluehr web: http://basilicom.de ! ?

    basilicom