Conversions | | von Annette Mattgey

Die fünf gravierendsten Performance -Fehler und wie man sie vermeidet

Mangelnde Performance kann bares Geld kosten. Bauen sich Websites zu langsam auf, verliert der User die Lust und verlässt die Seite, bevor er sie wahrgenommen hat. Auch wenn jede Webseite ein Unikat ist und ihre eigenen Herausforderungen bezüglich der Performance hat, lassen sich doch einige typische Schwachpunkte ausmachen, auf die insbesondere Shop-Betreiber achten sollten.

Die Lage ist an sich schon kniffelig: Während sich die Anforderungen an Webseiten permanent erhöhen, ruiniert das oft die Performance. Besonders ehrgeizige Geschäftsziele, steigender Kostendruck und zusätzliche Funktionen können die Situation weiter verschärfen. Das zumindest stellte der Cloud-Anbieter Akamai Technologies bei der Zusammenarbeit mit Kunden fest.

Die typischen Performance-Fehler:

1. Große Bilder downloaden.

Viele Webseiten enthalten sehr große Bilder, die vor allem auf mobilen Endgeräten mit einem kleinen Bildschirm nicht in der gewünschten und erwarteten Qualität und Schnelligkeit dargestellt werden. Bei vielen der heruntergeladenen Bilder lässt sich die Dateigröße ohne Qualitätsverluste reduzieren. Richtschnur dafür ist Auflösung und Bildschirmgröße der Smartphones und Tablets. Beim ersten Download werden dann nur die im aktuellen Fenster sichtbaren Bilder geladen, die anderen erst bei Bedarf.

2. Zu lange Ladezeiten bis zum Empfang des ersten Bytes.

Immer wieder kommt es vor, dass Anwender "gefühlt" sehr lange warten müssen, bis die ersten Inhalte einer Webseite im Browserfenster angezeigt werden. Die Ursachen dafür zu ermitteln, ist nicht immer trivial. Eines der Gegenmittel besteht darin, Caching auf der Applikations- und Datenbankebene einzusetzen, um Inhalte schneller bereitstellen zu können. Ferner können Inhalte aufgeteilt werden und die erst später benötigten werden dann nachgeladen. Durch die Implementierung kurzer Timeouts besteht die Möglichkeit, fehlende Teile vom Backend zu holen und stattdessen kurzfristig statische Platzhalter im Browser zu verwenden.

3. Häufig besuchte Webseiten werden nicht zwischengespeichert.

Seiten werden nicht zwischengespeichert, wenn die Inhalte erstens nicht mit anderen Benutzern geteilt werden können oder wenn zweitens aus Gründen der Nachvollziehbarkeit oder Transparenz ein Zugriff auf die Originaldaten erforderlich ist. Der ersten Herausforderung für ein fehlendes Caching lässt sich dadurch begegnen, dass die benutzerspezifischen Informationen vom HTML-Code getrennt werden. Um die zweite Ursache anzugehen, stehen Tracking-Möglichkeiten wie "0 TTL" (Time to Live) oder Client Beaconing zur Verfügung. Beacons (Zähl-Pixel) helfen dabei zu verstehen, wie Besucher auf einer Webseite navigieren und deren Inhalte verarbeiten.

4. Inhalte von Dritten einbinden und JavaScript-Blockaden.

Die von Dritten beigesteuerten Inhalte umfassen Ressourcen wie Third-Party-Hostnamen, Daten für Analysezwecke, Werbebilder, Videos und Ähnliches. Alle zusammengenommen können dazu führen, dass die Webseite langsamer wird. Einer besonderen Aufmerksamkeit bedarf Third Party JavaScript, denn standardmäßig blockiert dessen Ausführung den Abruf und die Wiedergabe der nachfolgenden Ressourcen. Eine mögliche Lösung: Unbedingt benötigte Tags wie bestimmte Werbebanner oder Hinweise auf Datenschutzrichtlinien können asynchron geladen werden. Das gleiche gilt für Tags, die nicht dringend für eine ordnungsgemäße Navigation erforderlich sind, auch wenn sie aus Trackinggründen unabhängig vom JavaScript-Event Onload benötigt werden.

5. Besonderheiten mobiler Endgeräte ignorieren.

Die erwähnten Performance-Fallen gelten für alle Web-Clients. Die Besonderheiten mobiler Endgeräte wie eine geringere Bildschirmgröße und geringere Übertragungsraten bleiben jedoch oft unberücksichtigt und führen immer wieder zu Unzufriedenheit bei den Benutzern. Zwei Maßnahmen sorgen für Abhilfe: Erstens lässt sich durch eine Limitierung der Zahl der Redirects (zum Beispiel von www.unternehmen.com auf m.unternehmen.com) die Latenzzeit reduzieren. Zweitens sollten so wenige Daten (beispielsweise JavaScript oder Bilder) wie möglich auf dem Client verarbeitet werden.

Die fünf gravierendsten Performance -Fehler und wie man sie vermeidet

Artikel bewerten

Vielen Dank, Ihre Bewertung wurde registriert!

Sie können leider nur einmal pro Seite bewerten.

Ihre Bewertung wurde geändert, vielen Dank!

Leserkommentar

Wir freuen uns über Ihre Kommentare.

* Pflichtfeld
** Pflichtfeld, wird nicht veröffentlicht