arko GmbH – Performance Optimierung für TV-Auftritt bei Undercover Boss

Mit etwa einem Monat Vorlauf auf den Sendetermin von „Undercover Boss“ bat uns die IT-Abteilung der Firma arko GmbH um die Unterstützung bei der Optimierung der Frontend-Performance Ihrer CMS-Seiten zur Unternehmenspräsentation.

Die CMS-Seiten werden aktuell auf Basis eines älteren Magento 1 Shops betrieben.

Der Shop selbst wurde bereits durch ein neueres Setup abgelöst. In der Regel werden alle IT-Dienstleistungen im eigenen Haus von arko erbracht.

Analyse der Ausgangssituation

Im ersten Schritt haben wir die Ladezeiten analysiert, welche mit deutlich über zwei Sekunden insbesondere für die statischen Inhalte der CMS-Seiten ungewöhnlich hoch lagen.

Im Detail zeigte sich hier ein Anteil von beinahe 100% auf die Antwortzeit des Servers (Time To First Byte).

Insgesamt eine Situation mit viel Potential zur Optimierung der Performance im Hinblick auf das anstehende TV-Ereignis.

Möglichkeiten, Kosten und Nutzen

In einem gemeinsamen Telefontermin haben wir die aktuelle Situation sowie den Aufwand und die damit verbundenen Kosten verschiedener Maßnahmen beleuchtet.

Anpassungen am Magento 1 Shopsystem sowie der Wechsel auf eine performante Hosting Umgebung z.B. mit Varnish Caching erschienen zu aufwendig und damit auch zu kostenintensiv.

Ein vielversprechender Ansatz lag schließlich darin, Cloudflare einzurichten und so gleichermaßen vom Caching und dem Content Delivery Network (CDN) des Anbieters zu profitieren.

Wir durften gespannt sein 🙂

Als Agentur haben wir vor allem durch unsere Analysefähigkeit und eine lösungs-orientierte Beratung überzeugt und waren nun auf die Rückmeldung des Kunden und die resultierenden Ladezeiten nach Einrichtung der Cloudflare-Lösung gespannt.

Doch komisch, etwas stimmt noch nicht!

Die Rückmeldung war allerdings ernüchternd, da die Ladezeiten weiterhin deutlich über zwei Sekunden lagen.

Also haben wir die Situation erneut analysiert und sind nun schnell auf den Cache-Control Header aufmerksam geworden.

Ein solcher Cache-Control Header sorgt natürlich maximal dafür, dass die Antwort nicht durch einen Cache ausgeliefert wird. Es war also zu prüfen, ob dieser Header bereits von Magento an Cloudflare gesendet wurde oder lediglich von Cloudflare an den Browser des Besuchers.

Das geübte Auge erkennt hier schnell den Standard eines Magento Response Objekts. Auch der direkte Vergleich der Response Header von Cloudflare und dem eigentlichen Backend Webserver bestätigt dies.

Wie entlastet man nun aber den Backend Webserver durch Caching und verbessert so die Frontend-Performance und die Ladezeiten für den Besucher?

Caching für Magento richtig einrichten

Hierfür bietet Cloudflare eine Anleitung für die Einrichtung sog. Page Rules unter dem Titel „Caching Static HTML with Magento“ und ermöglicht so das Caching von Magento CMS-Seiten trotz o.g. Cache-Control Header.

Schließlich empfängt der Besucher einen geänderten Cache-Control Header und darf die Informationen nun ebenfalls für einen gewissen Zeitraum als gültig betrachten.

Eine erneute Auswertung der Ladezeiten zeigte nun den gewünschten Effekt.

Die Ladezeiten liegen konstant im Bereich von 400 ~ 600 Millisekunden. Die Antwortzeiten liegen bei nur wenigen Millisekunden.

Aufgrund der Infrastruktur von Cloudflare bleiben diese Werte nun auch bei einem starken Besucheraufkommen (TV-Kampagne) gewährleistet!

Lösung! Schnell, günstig und zufrieden!

Insgesamt bietet dieses Vorgehen einen kostengünstigen Ansatz, der den Anforderungen des Kunden entspricht und ohne großen Aufwand auf ein vorhandenes System angewendet werden konnte.

Alternativen zu Cloudflare bieten z.B. MaxCDN und MyraCloud.

Mehr aus unserem Blog

Shopware HTTP Cache Performance vs. Artikelpflege über die API
27. Februar 2018

Zitat des Kunden: „Hilfe, unsere Ladezeiten sind unterirdisch und wir erhalten regelmäßig 503er Fehlermeldung! Was habt ihr gemacht? So verkaufen …

Mehr erfahren
Shopware 6 – Ready for Production?!
9. Januar 2020

Das Release von Shopware 6.1 im Januar 2020 ist momentan eines der Top-Themen in der E-Commerce-Welt. Gerade auch im Hinblick …

Mehr erfahren
Ein Game Changer – PWA für E-Commerce
13. Juli 2020

Die mobile Nutzung von Websites steigt kontinuierlich und hat überwiegend die Marke von 50% überschritten. Daraus ergeben sich vielfältige Anforderungen …

Mehr erfahren
Shopware 6.3 Release
7. August 2020

Ab sofort steht die Version Shopware 6.3 mit neuen Funktionen und Verbesserungen zum Download bereit. Wir haben das aktuelle Release …

Mehr erfahren
Agentur-Leben: Frontend-Entwicklung bei dmf
20. Juli 2020

Seit dem 1. Juli ist Joël Teil des Frontend-Teams von dmf. Herzlich willkommen! 🙂 Wir haben die Gelegenheit genutzt, ihm …

Mehr erfahren
Was macht ein Technischer Projektmanager bei dmf?
31. Juli 2020

Wir freuen uns, Johannes als neuen Kollegen im digital.manufaktur-Team zu begrüßen. Im Interview erzählt er uns mehr über seinen Werdegang …

Mehr erfahren

Hallo, mein Name ist Anika Le.

Wenn Sie Fragen haben, melden Sie sich gerne bei uns.

+49 511 76 38 44 90 hallo@digitalmanufaktur.com

1