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
82
Search, Embeddings & Vector-DBs
Avatar for Christoph Lühr chluehr
0
100
Reality Check: Automated Content Production at Enterprise Scale with Pimcore
Avatar for Christoph Lühr chluehr
0
59
The how and why of getting Freelancers
Avatar for Christoph Lühr chluehr
0
67
Content & Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
1
600
Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
0
190
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
230

Other Decks in Programming

See All in Programming
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
680
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
610
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
580
AI コーディングエージェントの時代へ：JetBrains が描く開発の未来
Avatar for Masaru Horioka masaruhr
1
110
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
3
470
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
240
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
2
780
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
190
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
770
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
380
A full stack side project webapp all in Kotlin (KotlinConf 2025)
Avatar for Dan Kim dankim
0
120
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
360

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
46
9.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
95
6.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k

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