Die fünf größten Performance-Fallen im Web

Die Anforderungen an Webseiten steigen permanent und oft leidet darunter die Performance. Besonders ehrgeizige Geschäftsziele, steigender Kostendruck und zusätzliche Funktionen können die Situation weiter verschärfen. Akamai Technologies hat fünf typische Ursachen für langsame Webseiten identifiziert. [...]

Diese Fehler sollten Unternehmen laut Akamai unbedingt vermeiden:

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. (pi)