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

Performante Web-Apps [de]

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Christoph Lühr Christoph Lühr
February 26, 2014
Programming
180
1

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

More Decks by Christoph Lühr

See All by Christoph Lühr
Vektor-Suche & LLMs
Avatar for Christoph Lühr chluehr
0
140
Search, Embeddings & Vector-DBs
Avatar for Christoph Lühr chluehr
0
170
Reality Check: Automated Content Production at Enterprise Scale with Pimcore
Avatar for Christoph Lühr chluehr
0
98
The how and why of getting Freelancers
Avatar for Christoph Lühr chluehr
0
85
Content & Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
1
760
Master Data Management with Pimcore
Avatar for Christoph Lühr chluehr
0
230
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
330
Digital Transformation & Master Data Management with Pimcore 5
Avatar for Christoph Lühr chluehr
0
270

Other Decks in Programming

See All in Programming
Lessons from Spec-Driven Development
Avatar for Simon Martinelli simas
PRO
0
220
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
Avatar for terry-u16 terryu16
0
270
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
13
6.5k
1B+ /day規模のログを管理する技術
Avatar for Broadleaf Co., Ltd. broadleaf
0
110
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
570
ローカルLLMでどこまでコードが書けるか -拡張版 /　How much code can be written on a local LLM Extended
Avatar for Naoki Kishida kishida
12
4.4k
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
750
ふつうのFeature Flag実践入門
Avatar for irof irof
8
4.2k
ランチタイムLT会3周年！ランチタイムLT会を3年間続けられたお話
Avatar for y-ohgi y0hgi
1
100
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
Avatar for Naoki Kishida kishida
2
150
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
610
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
4.2k

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
140
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k
HDC tutorial
Avatar for Michiel Stock michielstock
2
720
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
72
40k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Scaling GitHub
Avatar for Zach Holman holman
464
140k

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