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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Christoph Lühr
February 26, 2014
Programming
190
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Performante Web-Apps [de]
... mit Varnish & Co - getITtogether Feb. 2014 Berlin - 15min Talk; gekürzte Online Version.
Christoph Lühr
February 26, 2014
More Decks by Christoph Lühr
See All by Christoph Lühr
Vektor-Suche & LLMs
chluehr
0
150
Search, Embeddings & Vector-DBs
chluehr
0
180
Reality Check: Automated Content Production at Enterprise Scale with Pimcore
chluehr
0
110
The how and why of getting Freelancers
chluehr
0
95
Content & Master Data Management with Pimcore
chluehr
1
770
Master Data Management with Pimcore
chluehr
0
230
Swoole in 5 Minutes [en]
chluehr
1
12k
PIM & Master Data Management with Pimcore 5 [en]
chluehr
2
340
Digital Transformation & Master Data Management with Pimcore 5
chluehr
0
270
Other Decks in Programming
See All in Programming
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
170
ここ半年くらいでAIに作らせたR用ツール
eitsupi
0
400
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
220
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.7k
初めての模倣学習とVLA
natsutan
0
190
tsc.rip を支える技術 / Kyoto.なんか #8
susisu
0
130
今さら聞けない .NET CLI
htkym
0
210
リアルな遅延を測る仕様
kota_yata
1
120
片田舎のおっさん、 Swift Buildのダイアモンド問題解決の不具合修正PRを出すが、解決方法がキャッシュをしないようにすることであり、ビルド時間が伸びると言われてマージされないので高速化もする/swiftbuild
yimajo
0
270
Jindong: Introducing Declarative Haptics in Compose Multiplatform
l2hyunwoo
0
130
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
tatsuki12
4
1k
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
170
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1033
470k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Optimizing for Happiness
mojombo
378
71k
Making the Leap to Tech Lead
cromwellryan
135
10k
New Earth Scene 8
popppiees
3
2.5k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.5k
Six Lessons from altMBA
skipperchong
29
4.5k
Amusing Abliteration
ianozsvald
1
260
Faster Mobile Websites
deanohume
310
32k
Documentation Writing (for coders)
carmenintech
77
5.5k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Being A Developer After 40
akosma
91
590k
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