GRAVIS ist die größte deutsche Handelskette für Apple, iPod und mehr, und verkörpert digitalen Lifestyle, Inspiration und Spaß. Bei GRAVIS heißt digitales Leben, dass iPhone, iPad oder MacBook zum selbstverständlichen Bestandteil der Arbeits- und Lebenswelt dazugehören. Die Geräte sind weniger technische Gebrauchsgegenstände als vielmehr Ausdruck von Individualität und Zeitgeist.

Herausforderung bei GRAVIS ist die Gewährleistung von Ausfallsicherheit und Performance für einen Onlineshop, der aus zwei Installationen, TYPO3 und OXID, besteht und enorme Peaks bei Neuvorstellungen der Produkte durch Apple verursacht.

Bei BabyMarkt.de kann man online über 18.000 Babyartikel bestellen von Autositzen über Babytextilien bis zu Spielzeug. 2010 belegte der Baby-Markt bei Testsieger.de den 1. Platz im Bereich Babyprodukte und wurde Qualitätssieger. Der Shop überzeugte durch das umfangreiche Sortiment,  schnelle Lieferung bereits am nächsten Werktag, und eine tadellose, sichere Webseite.

Herausforderung für SysEleven: BabyMarkt.de ist eine der größten OXID Installationen.  Um die besonders hohen Anforderungen an die Performance erfüllen zu können,  wurden gemeinsam mit der umsetzenden den Agentur viele Features des Shops einzeln untersucht und durch Detailverbessungeren optimiert.

Design-3000.de ist ein Geschenk und Lifestyle Onlineshop, der für Kreativität, Innovation und Nutzerfreundlichkeit bereits einen Shop Usability Award erhalten hat.

Herausforderung im Hostingbereich: Die vor Kurzem eingeführte TV-Werbung führte zu extremen Lastpeaks, unmittelbar nach der Ausstrahlung eines TV-Spots verzeichnet der Shop mehrere Tausend gleichzeitige Besucher.

SysEleven Lösung: Um die Performance der Webseite auch nach dem Werbespot konstant zu halten, haben wir während der Kampagne mit TV-Werbung die Anzahl der Application-Server verdoppelt. Dank der SysEleven-Virtualisierung können die Server auch kurzfristig zur Verfügung gestellt werden. Beim Nachlassen der Last, werden diese wieder abgeschaltet.

• Wann bekommt Ihre Webseite den SysEleven-Faktor?

Medimops.de ist mit 3 Millionen Artikeln auf Lager der größte Online-Shop für gebrauchte Medienartikel wie DVDs, CDs, Konsolen- & Computer-Spiele und Bücher. Es ist bis dato die größte OXID-Installation in Bezug auf die Anzahl der Artikel und Kategorien des Shops. Gegründet wurde medimops 2006 in Berlin und gehört zur momox GmbH.

Die Herausforderung für SysEleven lag darin, das OXID Framework zu optimieren, damit trotz 3 Millionen Artikeln in über 70.000 Kategorien die Ladezeit unter 1 Sekunde betrug.

Der Vollständigkeit halber möchte ich darauf hinweisen, dass es sich bei diesen Maßnahmen um die Optimierung der Renderzeit handelt. Damit ist die Zeit gemeint, die der Browser benötigt, um eine Seite vollständig, also inklusive aller Elemente, Bilder, Javascript usw. darzustellen. Es geht hierbei explizit nicht um die Zeit, die der Webserver benötigt um z.B. Datenbankabfragen auszuführen. Die Pagespeed-Regeln gelten ab dem Zeitpunkt, an dem der Webserver den HTML-Quellcode der Seite an den Browser übertragen hat.

Wie viel bringt es?

Bevor man sich die Mühe macht 31 Regeln anzuwenden, lohnt sich eine Schätzung wie viel mehr Geschwindigkeit überhaupt erreichbar ist. Das kostenlose Online-Tool “Webpagetest” bietet eine sehr ausführliche und besonders ansehnliche Vorschau auf den möglichen Geschwindigkeitsgewinn:

Für Eure Webseite könnt Ihr diesen Test hier ausführen.

So einfach ist das?

Wenn ich mich an die Regeln halte, wird meine Webseite schneller. So einfach ist das. Das heißt aber leider nicht, dass auch die Umsetzung einfach ist. Einige der Regeln sind recht anspruchsvoll, die Umsetzung ist aufwendig und wird Zeit und Geld kosten.

Automatische Anwendung der Pagespeed-Regeln

Jetzt kommt der spannende Teil dieses Blogposts: Es gibt ein kostenloses Webserver-Modul, dass die wichtigsten der Pagespeed-Regeln automagisch automatisch anwendet. Die Seite muss dafür nicht verändert werden. Oder mit anderen Worten: Es kostet weder Zeit noch Geld. ;-) Das Modul gibt es derzeit für Apache und heißt “mod_pagespeed”. Ich habe die Entwickler ein wenig ausgefragt und erfahren, dass bereits über 70.000 Webseiten dieses Modul benutzen. Dabei ist zu beachten, dass “mod_pagespeed” nicht mit jeder Webseite kompatibel ist. Die Quote liegt jedoch derzeit bei nur knapp 2%.

Los geht‘s

SysEleven hat “mod_pagespeed” getestet und unterstützt es ab sofort. Wir freuen uns darauf mit Euch zusammen auszuprobieren, wie viel schneller Eure Webseite noch werden kann.

Phase 1: Umzug auf ein stabiles und skalierbares Hosting-Konzept

In dieser Phase installieren wir Ihre Webseite ohne Änderungen auf den SysEleven Systemen. Das primäre Ziel in dieser Phase ist die Stabilisierung der aktuellen, noch nicht verbesserten Performance der Seite. Das bedeutet, dass die Geschwindigkeit auch bei Peaks konstant bleibt.

In dieser Grafik ist die Ladezeit einer Webseite dargestellt. Vor dem Umzug sieht man die übliche Berg- und Talfahrt. Je nachdem ob es grad viele oder wenige Besucher gab, war die Seite schnell oder entsprechend langsam. Seit dem Umzug ist die Ladezeit annähernd konstant.

Phase 2:Verbesserung der Geschwindigkeit

Sobald wir die Performance Ihrer Webseite stabilisiert haben, kümmern wir uns in der zweiten Phase um die Verbesserung der Ladezeiten. Hierfür ermitteln wir mit unseren Monitoring-Tools Performance-Messwerte während des Live-Betriebs. In der Regel erstellen wir in dieser Phase ein detailliertes Performance Profil Ihrer Webseite. Die daraus gewonnen Erkenntnisse bilden die Grundlage für unsere Verbesserungsvorschläge. Daraus resultiert ein konkreter Maßnahmenkatalog, der je nach Art der jeweiligen Aufgabe von uns oder in enger Zusammenarbeit von Ihrer Agentur oder Ihren Entwicklern umgesetzt wird.

Diese Grafik veranschaulicht die zweite Phase des Umzugs zu SysEleven anhand eines konkreten Beispiels: Die Ladezeit lag vor der Umsetzung der von uns vorgeschlagenen Maßnahmen bei durchschnittlich einer Sekunde und konnte auf unter 0,2 Sekunden verbessert werden.

Wann bekommt Ihre Webseite den SysEleven-Faktor?