Sehr geehrte POWERGAP Kunden,

auf www.dallaway.com/sloppy/download.html (funktioniert nicht auf Vista, auf XP jedoch einwandfrei) kann man mit Klick auf www.dallaway.com/sloppy/sloppy.jnlp und das akzeptieren des Java eine URL eingeben und im Browser beobachten wie langsam die Seite bei z.B. einem 56k Modem lädt!



Immer wieder ist Shopbetreibern nicht bewusst, dass die Hälfte der Besucher den Shop mit ISDN (und kleiner) aufsuchen. Die Shopbetreiber selbst mit High-Speed DSL vergessen schlicht, wie es sich für viele Ihrer Besucher anfühlt mit ISDN oder Modem zu surfen.

Durch optimale Ausreizung von Serverseitigen Technologien und starker Hardware schaffen wir es die POWERGAP Shops gegenüber vielen anderen Systemen deutlich schneller zu machen. Letztendlich entscheidet aber die Größe und optimale Komprimierung Ihrer Produktgrafiken über das Gesamtergebnis.

Schon öfter (siehe auch www.powergap.de/forum/index.php?topic=396.0) haben wir auf die Optimierung hingewiesen und in der Shopverwaltung stehen auch wertvolle Hilfsmittel zu Verfügung, um hierbei das Optimum heraus zu holen. Das System sagt Ihnen sogar welche Artikelbilder zu groß sind. Keiner muss mühsam suchen.

Ich habe eben mit dem o.g. Tool einige gute POWEGAP-Shops die (auch bei einem großen Suchergebnis) mit unter 10 Sekunden auskamen getestet. Eine Artikeldetailanzeige (wenn das Shop-Drumherum schon im Cache liegt) kam teils mit unter 3 Sekunden aus! Wow!

Bei anderen Shops bremsten die Artikelbilder wiederum so deutlich, dass es wirklich kein Spaß mehr gemacht hat. Die Unterschiede sind erst mit dieser Simulation so enorm spürbar!

Hauptkritikpunkt sind dabei weiterhin die Artikelbilder.

Beispiel:

Original (56 Kb) :

zu stark optimiert (11 Kb) :

Ein geschultes Auge sieht es schon bei normaler Auflösung. In der Vergrößerung wird deutlich, dass hier des guten zu viel komprimiert wurde. Rottöne sind für JPEG bekanntlich schwieriger zu komprimieren:



Versuch 2:

Original (56 Kb) :

gut optimiert (18 Kb) :

Hier wird der bekannte "Neckermann-Normalverbraucher" dieses Foto nicht bemängeln. Erst in der Vergrößerung kann auch ein geübter Grafiker Unterschiede erkennen: 



Für den Verkauf (als Thumb in einem Suchergebnis) jedenfalls, konnten wir fast 70% Ladezeit einsparen!

In dem Beispiel sind es 38 Kilobyte. Hört sich nicht viel an. Bei aber nur 12 Artikeln im Suchergebnis macht das schon für ein 56k Modem satte 1 Minute und 20 Sekunden Unterschied!

Im Wahrsten Sinne den Vogel abgeschossen hat diese Grafik in einem POWERGAP Shop, wo ich zufällig reinschaute :



Schauen Sie selbst per rechte Maustaste/Eigenschaften! Das kleine Thumb hat tatsächlich

558 Kilobyte !

(Habe mir eben erlaubt die Grafik optimiert in dem Shop zu ändern)

Wie so etwas kommt?

Schon beim öffnen der Datei mit Photoshop kommt diese Meldung:



Grafikprofis werden das sicher erklären können. Ich muss passen. Ich weiß nur, dass es auf dem Markt Software gibt, die es tatsächlich schafft einen halben Megabyte an Daten für diese 120x99 Pixel zu generieren. 

Das tückische daran ist, dass die Browser so eine Grafik ganz gewöhnlich anzeigen. Dem Laien, der Kilobyte und Megabyte nicht auseinander halten kann wird also nichts ungewöhnliches auffallen.

---

Shops von anderen Anbietern sind teils so miserabel programmiert, dass sich z.B. der gesamte Inhalt im Hintergrund lädt und erst, wenn der Browser alle Grafiken geladen hat wird schlagartig alles angezeigt. Bis dahin wartet der Besucher teils 1 Minute auf einer weißen Seite und der Eieruhr vor der Nase.  >:(

Wie gesagt, Ihnen allen steht mit POWERGAP schon eines der schnellsten Systeme zu Verfügung. Bitte nutzen Sie das im eigenen Interesse auch für Ihre Bilder.

120x120 Pixel große Thumbs sind in der Regel zwischen 2-4 Kilobyte groß! Zeigt man bei einem Suchergebnis sogar 20 Artikel, dann sind es 60 Kilobyte und für den 56k User in 10 Sekunden sichtbar. Das ist tragbar.

Bitte seien Sie selbstkritisch bei diesen Dingen und prüfen Sie Ihr Bildmaterial gut! Die Beispiele oben zeigen, dass dies Kunden und Umsatz kosten kann!

Warum sind Artikelbilder so wichtig, warum nicht auch die Dinge wie Kopfgrafik, OK-Grafik usw.?

Nun, jeder Browser hat im Auslieferungszustand den Cache aktiviert und lädt Grafiken nicht immer wieder neu, sondern schaut zunächst im Cache nach, ob diese nicht schon auf der Festplatte liegen.
Klickt ein Kunde sich durch den Shop und dessen Kategorien, so sind es die Artikelbilder, die sein Browser meistens neu laden muss. Die Kopfgrafik wird im Bruchteil einer Sekunde aus dem Cache geladen.

Für nur den HTML-Quellcode braucht der 56k-Besucher bei einem POWERGAP Shop nur 0,8 bis 1,2 Sekunden Ladezeit. Direkt danach sieht er den Shop und wenn Grafiken wie die Kopfgrafik im Cache liegen dann hat auch der 56k-User das Gefühl, dass sich hier was rasch aufbaut! Und genau dieses Gefühl ist enorm wichtig für die Zufriedenheit beim Einkauf!
Danach folgen z.B. bei einem Suchergebnis die einzelnen Artikelbilder. Sind da auch nur 2 Ausreißer mit je 50 Kilobyte dabei, dann stockt der Aufbau schon für satte 17 Sekunden! Und das ist wie bei kaltem Wind: "gefühlt" sind diese 17 Sekunden eine Ewigkeit. Zumindest was ecommerce betrifft.

Anzahl Objekte?

Noch ein Kriterium sind die Anzahl Objekte einer Seite. Der HTML-Code ist 1 Objekt, die CSS Datei auch. Und auch jede noch so kleine Grafik ist je 1 Objekt. Bei Webstatistiken findet man auch den Begriff "Hits", der die Anzahl geladener Objekte ausweist.

Ein Browser muss beim Aufbau für jede noch so kleine Grafik z.B. in den Cache schauen, ob es die Grafik schon gibt. Hat man im Shop:

- 1 Kopfgrafik
- 3 Grafiken für ein Shopfenster
- 1 Grafik für Menühintergrund
- 1 Grafik Seitenhintergrund
- 1 x OK-Grafik
- 1 x "in den WK" Grafik
- 2 Bannergrafiken

so ist die Summe mit HTML+CSS von 12 Objekten als sehr gut zu bezeichnen.

Es gibt Shops, die sich mit allein 10 bis 20 Bannern auf der Startseite zupflastern. Das hier der Browser (gefühlt) deutlich länger braucht ist klar. Auch eine Todsünde sind 20 Thumbs in einem Artikelticker oder im 3D-Karussel. Oder eine TOP 30 als Shopfenster, die alle 30 Artikel als Thumb anzeigt! In Summe mit evtl. 12 Artikeln per Zufallsanzeige, 8 Grafiken/Bannern in den Shopfenstern usw. ergeben sich für den Aufbau natürlich enorme Zeiten! Da sprechen wir beim 56k/ISDN Besucher bereits von "Minuten".

Wer Kunden aus Preissuchmaschinen in seinen Shop lockt, sollte diesen teuer bezahlten Neuinteressenten mit kurzer Ladezeit empfangen.

Öffne ich bei einer Produktsuche 3 Angebote aus einer Preissuchmaschine jeweils im neuen Fenster und es lädt ein Shop nur sehr schleppend, dann schließe ich das Fenster ganz einfach. Zugegeben, ich selbst bin mit Alt+F4 recht schnell dabei, aber ganz sicher werden auch viele andere Besucher solch langsame Shops meiden. Aber die evtl. 35 Cent für den Klick hat der Shop trotzdem schon zahlen müssen.

Dieser Beitrag soll das Thema ein wenig zurück holen. Denn die vielen schicken Features mit denen wir den Shop vermeintlich immer besser machen, lassen es zwischendurch vergessen.

Letztendlich ist die Lösung nur eine gesunde Mischung aus schönem Design, ansprechenden Artikeln, genügend Marketingeffekten "und" akzeptabler Ladezeit.