Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Performante Web-Apps [de]
Search
Christoph Lühr
February 26, 2014
Programming
1
160
Performante Web-Apps [de]
... mit Varnish & Co - getITtogether Feb. 2014 Berlin - 15min Talk; gekürzte Online Version.
Christoph Lühr
February 26, 2014
Tweet
Share
More Decks by Christoph Lühr
See All by Christoph Lühr
Vektor-Suche & LLMs
chluehr
0
34
Search, Embeddings & Vector-DBs
chluehr
0
57
Reality Check: Automated Content Production at Enterprise Scale with Pimcore
chluehr
0
19
The how and why of getting Freelancers
chluehr
0
57
Content & Master Data Management with Pimcore
chluehr
1
470
Master Data Management with Pimcore
chluehr
0
160
Swoole in 5 Minutes [en]
chluehr
1
12k
PIM & Master Data Management with Pimcore 5 [en]
chluehr
2
280
Digital Transformation & Master Data Management with Pimcore 5
chluehr
0
220
Other Decks in Programming
See All in Programming
PLoP 2024: The evolution of the microservice architecture pattern language
cer
PRO
0
1.7k
約9000個の自動テストの 時間を50分->10分に短縮 Flakyテストを1%以下に抑えた話
hatsu38
24
11k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
890
Identifying User Idenity
moro
6
8k
Sidekiqで実現する 長時間非同期処理の中断と再開 / Pausing and Resuming Long-Running Asynchronous Jobs with Sidekiq
hypermkt
6
2.7k
Vue SFCのtemplateでTypeScriptの型を活用しよう
tsukkee
3
1.5k
Tuning GraphQL on Rails
pyama86
2
1.1k
offers_20241022_imakiire.pdf
imakurusu
2
360
GCCのプラグインを作る / I Made a GCC Plugin
shouth
1
150
とにかくAWS GameDay!AWSは世界の共通言語! / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
560
弊社の「意識チョット低いアーキテクチャ」10選
texmeijin
5
23k
VR HMDとしてのVision Pro+ゲーム開発について
yasei_no_otoko
0
110
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
A designer walks into a library…
pauljervisheath
202
24k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Agile that works and the tools we love
rasmusluckow
327
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Thoughts on Productivity
jonyablonski
67
4.3k
Fireside Chat
paigeccino
32
3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
Transcript
Performante Web Apps mit Varnish & Co. Christoph Lühr /
@chluehr getITtogether - Berlin 2014
Christoph Lühr Head of Development
basilicom SEIT 2000
Image source: http://www.flickr.com/photos/ethanlindsey/321225525/ CC BY 2.0
DEV
None
(#) Internet
None
Unicode Character 'HAPPY PERSON RAISING ONE HAND' (U+1F64B)
1 2 3
Performante Web-Apps
statisch dynamisch
Performance ➊ ➋ ➌
➊
Transfer-Rate
Transfer-Rate
➋
Latenz
RENDER C NETWORK D
➌
X
X
x Faktoren
CPU RAM HDD NETZ
CPU RAM HDD NETZ
t
t
CPU RAM HDD NETZ
R A M
R A M
CPU RAM HDD LAN = IO
IO
IO
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
IO
CACHE
None
IO Queue + Worker
t
statisch dynamisch
statisch dynamisch
None
Reverse- Proxy
Varnish
Varnish
Varnish
Varnish
None
None
Multiple Backends
Varnish
Varnish
Varnish
Varnish
Varnish
Varnish
Partielles Caching Edge Side Inc.
Varnish
Varnish
FUBAR? Nachteile
• Content++ = RAM++ Hardwareanforderungen • !SSL Workaround: Pound Offloader
• Purge / Warm-Up Management • Konfiguration VCL
Ratiopharm? Alternativen
None
CDN Content Delivery Network
Fallstudie / Beispiel Adventskalender
None
None
None
None
App Größe 2.6 MB
HTTP Requests 16 Req/App
None
None
js js js js js js js js js js
js js
Ladezeit bei >6 Mbit 1-3 s
None
Transferrate ~300 Mbit/s
Peak Transfer (max.) ( ~4000 Mbit/s )
Transfervolumen / Top-H ~500 GB
HTTP Zugriffe 260 Req/s
System: Eine VM. (Varnish, Pound, Apache/PHP)
None
None
None
CPU RAM HDD NETZ CPU RAM HDD NETZ CPU RAM
HDD NETZ
None
Christoph Lühr email:
[email protected]
twitter: @chluehr web: http://basilicom.de ! ?
basilicom