This talk originates from the archive. To the CURRENT program
Speaker
Until conference starts:
✓ PS Classic Mini or Arduino Starter Kit for free
✓ Group discount
✓ 2 in 1 conference package
Register now
Infos
Thursday, October 18 2018
11:45 - 12:45
11:45 - 12:45
Room:
Forum 6
Forum 6
Description
Mit Tools wie blackfire.io oder einfach Xdebug kann man schnell grobe Performancefehler finden. Aber wer schon mal die Performance einer normalen Produktdetailseite in einem bestehenden E-Commerce-System zu steigern versucht hat, weiß, wie mühsam es sein kann, auch nur wenige Hundert Millisekunden bei der Time to First Byte (TTFB) herauszuholen. Dabei ist die TTFB meist gar nicht das größte Problem, sondern der “First Meaningful Paint”. Also die Zeit bis der User die Seite tatsächlich nutzen kann.
In diesem Vortrag möchte ich an einem konkreten Beispiel zeigen, wie wir die Ladezeit einer Shopproduktseite von über 5 auf unter 1 Sekunde reduziert und dabei die Testbarkeit und den Entwicklungsprozess vereinfacht haben.
Dabei haben wir nicht versucht, das Legacy System (Magento) zu optimieren, sondern die Produktdetailseite durch eine Miniapplikation ausgetauscht. Um das bestehende Shopsystem nicht völlig ersetzen zu müssen, nutzen wir einen Nginx Proxy, der die Zugriffe auf das Legacy-System (Magento) und die neue Produktdetailseiten-App steuert.
Dadurch haben wir eine moderne App und konnten die echte Performance viel einfacher im Frontend durch verschiedene Techniken wie Inline SVG, Service Worker Cache oder async js rausholen. Zusätzliche Vorteile sind 80 Prozent weniger Serverressourcen und ein viel schnellerer und zukunftssicherer Entwicklungsprozess.