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
91
Search, Embeddings & Vector-DBs
Avatar for Christoph Lühr chluehr
0
110
Reality Check: Automated Content Production at Enterprise Scale with Pimcore
Avatar for Christoph Lühr chluehr
0
62
The how and why of getting Freelancers
Avatar for Christoph Lühr chluehr
0
68
Content & Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
1
640
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
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
Avatar for yuki shinohara shino8rayu9
0
160
(Extension DC 2025) Actor境界を越える技術
Avatar for Himeshi teamhimeh
1
240
CSC305 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
210
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
Avatar for Koya Masuda koxya
1
1.2k
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
Avatar for ukitaka ukitaka
0
430
明日から始めるリファクタリング
Avatar for ryounasso ryounasso
0
120
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
450
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
Avatar for Itaru Ota ota1022
0
240
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
480
技術的負債の正体を知って向き合う / Facing Technical Debt
Avatar for irof irof
0
120
CSC509 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
Avatar for Takeru Hayasaka takehaya
7
1.6k

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
45
2.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
51k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
185
22k

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