Das "Warum" der Web-Performance

Web-Performance — und die damit verbundenen Best Practices — sind entscheidend, damit Ihre Webseitenbesucher ein gutes Erlebnis haben. In gewisser Hinsicht kann Web-Performance als Teilmenge der Web-Accessibility betrachtet werden. Wie bei der Barrierefreiheit berücksichtigt man auch bei der Performance, welches Gerät ein Seitenbesucher nutzt, um auf die Seite zuzugreifen, und die Verbindungsgeschwindigkeit des Geräts.

Als Beispiel: Überlegen Sie sich das Ladeerlebnis von CNN.com, das zum Zeitpunkt des Schreibens über 400 HTTP-Anfragen mit einer Dateigröße von über 22,6 MB hatte.

• Stellen Sie sich vor, dies auf einem Desktop-Computer zu laden, der mit einem Glasfasernetzwerk verbunden ist. Dies würde relativ schnell wirken, und die Dateigröße wäre größtenteils irrelevant.
• Stellen Sie sich vor, dieselbe Seite mit mobil geteilten Daten auf einem neun Jahre alten iPad zu laden, während Sie mit öffentlichen Verkehrsmitteln nach Hause pendeln. Dieselbe Seite wäre langsam zu laden, möglicherweise unbenutzbar je nach Mobilfunkabdeckung. Sie könnten aufgeben, bevor es vollständig geladen ist.
• Stellen Sie sich vor, dieselbe Seite auf einem kostengünstigen Gerät in einem Gebiet mit eingeschränkter Abdeckung zu laden. Die Seite wird sehr langsam geladen—wenn sie überhaupt geladen wird—wobei blockierende Skripte möglicherweise Zeitlimits überschreiten und negative CPU-Auswirkungen potenziell zu Browserabstürzen führen könnten, wenn sie geladen wird.

Eine 22,6 MB große Seite könnte auf einem 3G-Netzwerk bis zu 83 Sekunden zum Laden benötigen, wobei DOMContentLoaded (was die Basis-HTML-Struktur der Seite bedeutet) bei 31,86 Sekunden liegt.

Und es ist nicht nur die Zeit, die für das Herunterladen benötigt wird, die ein großes Problem darstellt. In einigen Regionen werden Internetverbindungen pro Megabyte abgerechnet, was große Downloads unerschwinglich macht. Unser Beispielerlebnis mit 22,6 MB von CNN.com würde einen erheblichen Teil des täglichen Datenvolumens eines Mobilfunknutzers kosten oder sogar zu hohen Gebühren in bestimmten internationalen Roaming-Tarifen führen.

Die Reduzierung der Download- und Renderzeit einer Seite verbessert die Konversionsraten und Benutzerbindung.

Eine Konversionsrate ist die Rate, mit der Seitenbesucher eine gemessene oder gewünschte Aktion ausführen. Zum Beispiel könnte dies ein Kauf sein, das Lesen eines Artikels oder das Abonnieren eines Newsletters. Die Aktion, die als Konversionsrate gemessen wird, hängt von den Geschäftszielen der Website ab.

Performance wirkt sich auf die Konversion aus; Verbesserung der Web-Performance verbessert die Konversion. Seitenbesucher erwarten, dass eine Seite in zwei Sekunden oder weniger lädt; manchmal sogar weniger auf Mobilgeräten (wo es in der Regel länger dauert). Diese gleichen Seitenbesucher beginnen, langsame Seiten nach 3 Sekunden zu verlassen.

Die Geschwindigkeit, mit der eine Seite lädt, ist ein Faktor. Wenn die Seite langsam auf Benutzerinteraktion reagiert oder ruckelig wirkt, verlieren die Seitenbesucher Interesse und Vertrauen.

Hier sind einige Beispiele aus der Praxis für Performance-Verbesserungen:

• Tokopedia hat die Renderzeit von 14s auf 2s für 3G-Verbindungen reduziert und sah einen Anstieg der Besucher um 19%, eine Erhöhung der Gesamtsitzungen um 35%, einen Zuwachs von neuen Benutzern um 7%, eine Steigerung der aktiven Nutzer um 17% und 16% mehr Sitzungen pro Nutzer.
• Der Neuaufbau der Pinterest-Seiten für Performance führte zu einer 40%igen Reduzierung der Wartezeit, einer 15%igen Erhöhung des SEO-Traffics und einer 15%igen Steigerung der Konversionsrate bei Anmeldungen.

Um Websites und Anwendungen zu erstellen, die Menschen nutzen möchten; um Seitenbesucher anzuziehen und zu halten, müssen Sie eine zugängliche Seite schaffen, die ein gutes Benutzererlebnis bietet. Der Bau von Websites erfordert HTML, CSS und JavaScript, typischerweise einschließlich binärer Dateitypen wie Bilder und Videos. Die Entscheidungen, die Sie treffen, und die Werkzeuge, die Sie wählen, während Sie Ihre Seite erstellen, können die Performance des fertigen Werks stark beeinflussen.

Gute Performance ist ein Vorteil. Schlechte Performance ist eine Belastung. Die Geschwindigkeit der Seite beeinflusst direkt Absprungraten, Konversion, Einnahmen, Benutzerzufriedenheit und das Ranking in Suchmaschinen. Leistungsstarke Seiten haben sich als vorteilhaft zur Erhöhung der Besucherbindung und Benutzerzufriedenheit erwiesen. Langsame Inhalte haben sich als Ursache für Seitenabbrüche herausgestellt, wobei einige Besucher die Seiten verlassen und nie zurückkehren. Die Reduzierung der Datenmenge, die zwischen Client und Server übertragen wird, senkt die Kosten für alle Beteiligten. Durch die Reduzierung von HTML/CSS/JavaScript und Mediendateigrößen wird sowohl die Ladezeit als auch der Stromverbrauch der Seite reduziert (siehe Leistungsbudgets).

Die Verfolgung der Performance ist wichtig. Mehrere Faktoren, einschließlich Netzgeschwindigkeit und Gerätefähigkeiten, beeinflussen die Performance. Es gibt keine einzelne Performance-Metrik; und unterschiedliche Geschäftsziele können bedeuten, dass unterschiedliche Metriken relevanter für die Ziele der Seite oder der unterstützenden Organisation sind. Wie die Performance Ihrer Seite wahrgenommen wird, ist Benutzererfahrung!

Web-Performance ist wichtig für die Zugänglichkeit und auch für andere Website-Metriken, die den Zielen einer Organisation oder eines Unternehmens dienen. Gute oder schlechte Website-Performance korreliert stark mit der Benutzererfahrung sowie der Gesamtwirksamkeit der meisten Seiten. Aus diesem Grund sollten Sie sich für Web-Performance interessieren.

• Übersicht: Web-Performance
• Weiter