Ladezeiten optimieren – Tipps für eine bessere Websiteperformance

Die Ladezeit einer Website kann durch sehr viele technische Aspekte beeinflusst werden. Ursachen sind z.B.:

– große Datenmengen auf der Website
– große Bilder
– Server ist zu langsam
– Komprimierungen sind nicht aktiviert
– Datenbanken arbeiten langsam

Sie müssen also zuerst herausfinden, wo der der Fehler liegt. Dafür gibt es eine Reihe von Analyse-Tools. Auch Google stellt ein derartiges Tool zur Verfügung: Google PageSpeed Insights. Das Tool ist kostenlos und analysiert den gesamten Ladevorgang. Es testet also nicht einfach die Zeit, bis die Seite vollständig geladen ist, sondern überprüft mehrere Faktoren. Als Ergebnis erhalten Sie einen Wert (PageSpeed) zwischen 1 und 100. Je höher der Wert, desto besser ist die Performance Ihrer Website.

Das Tool liefert aber nicht nur den Wert, sondern gibt auch an, wo die Schwachstellen liegen und wie diese behoben werden können. Es ist allerdings kaum möglich, den maximalen Wert zu erreichen und das ist auch nicht sinnvoll. Bereits ein Wert, der höher als 90 liegt, verlangt, dass Sie alle interaktiven Features und externe Scripte deaktivieren, die sich natürlich deutlich beim Laden bemerkbar machen. Das wiederum würde aber die Nutzbarkeit der Seite negativ beeinflussen.

Arbeiten Sie also nicht stur auf einen bestimmten Wert hin, sondern überlegen Sie immer, wie wichtig die Funktion ist, um den Nutzern ein positives Erlebnis auf Ihrer Website zu ermöglichen.

Im Folgenden stellen wir Ihnen 5 konkrete Fälle vor, die sich auf die Ladezeit auswirken und zeigen Ihnen die Optimierungsmöglichkeiten:

Auch Kleinigkeiten können die Ladezeit verbessern, wenn sie in einer großen Masse auftreten wie die sogenannten Whitespaces in CSS und Javascript. Durch die Entfernung dieser unnötigen Leerzeichen können Sie die Webseitengröße um bis zu 21 Prozent verringern. Das lässt sich über Tools realisieren wie z.B. JSMin oder YUI Compressor.

Wenn Sie die JS- und CSS-Dateien an den Anfang im Code stellen, könnte es bei einem langsamen Server sein, dass der Bildschirm eine ganze Weile weiß bleibt – so lange, bis die ganze Java-Datei geladen ist. Das können Sie dadurch lösen, indem Sie JS in den Footer des Quellcodes einbauen und CSS in den Header. Der Nutzer sieht dann sofort den für ihn wichtigen Webseiteninhalt. Call-To-Action-Buttons, die erst etwas später im „Laufe des Webseitenbesuchs“ eine Rolle spielen, werden eben erst etwas später nach dem Klick geladen.

Da Bilddateien wesentlich größer als Textelemente sind, bilden sie oft auch den höchsten Datenanteil an einer Seite. Am besten optimieren Sie die Bilder schon vor dem Einfügen durch ein Bildbearbeitungsprogramm wie Photoshop. Speichern Sie sie einfach im Webseitenformat ab und reduzieren Sie damit die Datengröße.

Möglich ist auch die Auslagerung der Bilder durch ein CDN, ein Content Delivery Netzwerk, sofern sehr viele Bilder auf der Website vorhanden sind. Sie liegen dabei auf einem externen Server, was ein schnelleres Laden ermöglicht.

Dokumente auf dem Server sind zu groß

Achten Sie darauf, die Dokumente in komprimierter Form zur Verfügung zu stellen. Möglich ist das z.B. in Form von gzip-komprimierten Inhalten. Das funktioniert sowohl mit IIS-Servern als auch mit Apache-Servern.

Der Servercache sollte nur in Ausnahmefälle geleert werden, z.B. bei wichtigen Updates, die sofort umgesetzt werden müssen. Bei im Browser-Cache gehaltenen Daten, die per HTTP übertragen werden, empfiehlt es sich, ein Ablaufdatum einzurichten. Hier sollten Sie aber darauf achten, einen guten Mittelweg zu finden zwischen: Datum nicht zu knapp bemessen und Webseiteninhaltsanzeige nicht behindern.

Dieser Beitrag soll Ihnen erstmal einen groben Überblick über die Möglichkeiten der Ladezeitoptimierung geben. Wir werden in künftigen Blogbeiträgen noch detaillierter auf die einzelenen Möglichkeiten der Optimierung eingehen.