Template Booster für XT:Commerce

Angeregt durch das Yahoo! Developer Network stellt Shopmodules für Agenturen eine spezielle Lösung zur Verfügung, die es Web Agenturen erlaubt XT:Commerce basierte Online Shops ein großes Stück performanter zu machen, was nicht nur die angeschlossene Datenbank entlastet, sondern vor allem die Möglichkeit gibt Online Shops mit einer hohen Grafik und Multimedia Ausstattung betreiben zu können.

Worum geht's?
Agenturen, die Templates für XT:Commerce basierte Online Shops erstellen, haben bei entsprechendem Bewußtsein dafür stets ein Dilemma hinsichtlich der grafischen Darstellung und gleichzeitiger Berücksichtigung der Ladezeiten eines Online Shops. Bei entsprechender Hardware Ausstattung lässt sich ein XT:Commerce Shop problemlos auch mit über 300.000 Artikeln noch rel. problemlos betreiben, so dass sich hier ohne großartige Programmierung gut gegensteuern lässt. Kritisch wird es allerdings, wenn nicht nur große Artikelmengen angezeigt werden sollen, sondern zusätzlich auch mit schweren Multimedia Anwendungen und Grafiklastigen Objekten gearbeitet werden soll. Dieser Anforderung lässt sich mit konventionellen Mitteln nicht entsprechen, da die Ladegeschwindigkeit fast ausschließlich von der clientseitigen Transfergeschwindigkeit, sowie bei Script Anweisungen von der CPU Performance des Client abhängt. Obgleich man sich dessen eigentlich bewusst sein sollte, scheint dieses Handicap an so manchen Dienstleistern offenbar unbemerkt vorüber zu gehen und so manch Dienstleister, der mit shopmodules im Wettbewerb steht, bewirbt sich bei der Eigendarstellung mit einem Template Aufbau, das jenseits eines Bewußtseins dafür ist, dass man mit entsprechender Bandbreite und Quad Core CPU eben nicht alles machen kann.

Fakt ist, dass Geschwindigkeit beim Seitenaufbau mitunter das Maß aller Dinge sein kann und entscheind dazu beitragen kann, ob der Besuch eines Online Shop nach der zweiten Seiten bereits jäh abgebrochen wird, weil der Shop zwar schön anzusehen ist, aber der stückweise Ladevorgang schlichtweg zur Spaßbremse wird. Also außen hui, innen pfui.

Um zu demonstrieren worum es geht, lässt sich dies am besten an dem kürzlich von uns erstellten Online Shop von notebookguru.de beschreiben. Hierzu folgende Details:

notebookguru.de ist ein Nischenanbieter dessen Sortiment weniger durch eine Fülle an Produkten besticht, sondern in der Individualisierung von Notebooks für die Gamerszene. Man findet in dem Angebot deshalb nur eine Handvoll Produkte, die aber massiv durch ein hochwertiges Layout dargstellt werden und sowohl statische Grafiken als FLASH Objekte genutzt werden, um das Angbeot bestmöglichst darzustellen. Obgleich nur etwa 20 bis 30 Produkte angeboten werden, umfasst das zu übertragende Datenvolumen ca. 15 Megabyte. Unter normalen Bedingungen und im Verhältnis zu der sehr geringen Artikelmenge wäre dies ein absolutes NoGo für einen Online Shop. Hinzu kommen dann noch zahlreiche Scripte für dynamische Funktionen des Notebook Konfigurators, der Bildanzeige, sowie für die modalen Dialogfenster.

Obgleich der Online Shop von notebookguru.de auf einem Managed Server installiert ist und demzufolge alle Ressourcen dieses Servers für sich alleine nutzen kann, beeinflussen diese optimierten Bedingungen nicht die unverhältnismäßig hohe Datenmenge. Der Server stellt diese Daten lediglich zur Verfügung. Wie schnell diese letztlich übertragen werden, ist zu 99,9% Client abhängig, bzw. von der zur Verfügung stehenden Transferrate des DSL Anschlusses.

Schon bei der Projektierung dieses und zahlreicher anderer Projekte bei der eine änhliche Anforderung bestand, galt es andere Wege als bisher zu gehen, wobei bei Notebookguru.de keine Abstriche beim Layout gemacht werden durften. Die Anforderung bestand also darin die große Datenmenge nach Möglichkeit ohne spürbare Verzögerung übertragen zu lassen, so dass es auch ohne HighEnd DSL Anschluss möglich ist einen schnellen Seitenaufbau zu ermöglichen. Das Ergbnis spricht ohne Einschränkung für sich!

Das Gute an den zahlreichen Modifikationen ist die Möglichkeit diese Änderungen objektiv messen zu können, so dass hier nicht nur schön erzählt wird, sondern man selbst reproduzieren kann, ob das Ergebnis so gut ist, wie es beschrieben wird. Man benötigt hierzu nur Firefox und 2 kostenlose Plugins.

bis Firefox 3.0.11
- Firebug Plugin
- YSlow Plugin

ab Firefox 3.5
- Firebug Plugin
- PageSpeed

Das Grundprinzip für die Umsetzung der deutlichen Verbesserung besteht nun darin sowohl das Caching Verhalten von Browsern zu beeinflussen, den zu übertragenen Datenstrom an den Client zu optimieren, so dass so viel als möglich, jedoch das Maß an wiederholten Downloads zu reduzieren und nicht zuletzt die Menge an gleichzeitigen Requests auf ein Minimum zu reduzieren. Letzteres vor allem deswegen, weil selbst aktuelle Browser Versionen noch immer ein Limit beim gleichzeitigen Download von Elementen in einer HTML Seite besitzen.

Voraussetzungen
Um nun das bestmöglichste Ergebnis zu erhalten und die Modifikationen überhaupt zum Tragen kommen, machen die oben beschriebenen Modifiaktionen nur dann einen Sinn, wenn es sich bei dem betroffenen Shop tatsächlich um einen grafiklastigen und mit vielen Scripten ausgestatteten Shop handelt. Bei einfach gehaltenen Shops, die im wesentlichen durch CSS Formatierungen farblich gestaltet werden, ist Effekt deutlich geringer und kommt nur ansatzweise zum tragen. Die Optimierungen beschränken sich dann nur auf das Anzeigeverhalten von Artikelbildern, sofern mehr als 2000 Artikel im Angebot stehen und beim komplexen Einsatz von Scripten oder Frameworks (z.B. JQuery) auf deren Optimierung durch bedarfsweises Laden.

Weiterhin notwendig ist der unabdingbare Verzicht auf Tabellen, bzw. die ausnahmslose Verwendung tabellenloser Formatierung zumindest auf artikelbezogenen Seiten. Es versteht sich deshalb von alleine, dass hierfür weiterführende Kenntnisse und Fähigkeiten notwendig sind!

Leistungsbeschreibung dieses Angebots
Das unter der Bezeichnung Template Booster angebotene Produkt zielt vornehmlich auf Agenturen, die ihren Kunden eine deutliche Qualitäts- und Leistungssteigerung anbieten möchten und sich wesentlich von konventionellen Arbeiten abhebt, so dass dadurch auch ein höherer Kostenaufwand für die Erstellung von Templates gerechtfertigt werden kann!

Interessierte Shop Betreiber, die einen Bedarf darin sehen ihren Shop zu optimieren, erstellen wir gerne ein individuelles Angebot.

Der Umfang dieses Angebotes teilt sich auf in diversen Programmierungen, die unverändert auf jeden XT:Commerce basierten Online Shop angewendet werden, sowie einer zeitlich unbegrenzten Unterweisung in das HowTo, um Templates in der Art wie bei notebookguru.de erstellen zu können.

Rückfragen
Gerne beantworten wir weitere Fragen zum Template Booster für XT:Commerce. Richten Sie Ihre Anfrage bitte an service@shopmodules.de