Website-Ladezeit verbessern: die Hebel mit der größten Wirkung

Ladezeit ist einer der wenigen Punkte, an denen sich Aufwand direkt in Zahlen niederschlägt: weniger Abbrüche, mehr gelesene Seiten, bessere Ausgangslage in der Suche. Gleichzeitig wird an den falschen Stellen optimiert. Die Reihenfolge nach Wirkung sieht so aus.

1. Bilder, und zwar zuerst

In den allermeisten langsamen Websites sind Bilder für den größten Teil der übertragenen Datenmenge verantwortlich. Drei Maßnahmen, in dieser Reihenfolge:

Richtige Abmessungen. Ein Foto, das mit 4000 Pixel Breite hochgeladen und im Layout auf 800 Pixel angezeigt wird, überträgt ein Vielfaches der nötigen Daten. Bilder gehören vor dem Hochladen auf die Größe gebracht, in der sie erscheinen.

Modernes Format. WebP liefert bei vergleichbarer Qualität deutlich kleinere Dateien als JPEG. Die Umstellung ist einmalige Arbeit und wirkt auf jeder Seite.

Verzögertes Laden. Bilder unterhalb des sichtbaren Bereichs werden erst geladen, wenn sie gebraucht werden. Wichtig ist die Ausnahme: Das erste große Bild im Kopfbereich sollte gerade nicht verzögert geladen werden, sonst verschlechtert sich der Wert, der die wahrgenommene Ladezeit misst.

2. Schriften lokal einbinden

Schriften von einem fremden Netzwerk zu laden kostet eine zusätzliche Verbindung und verzögert die erste Textdarstellung. Lokal eingebundene Schriften im Format WOFF2, als variable Schrift und auf den benötigten Zeichensatz beschränkt, sind meist unter 60 Kilobyte groß. Nebenbei erledigt sich damit ein datenschutzrechtlicher Streitpunkt.

3. Skripte reduzieren

Jedes eingebundene Werkzeug – Chat-Fenster, Bewertungssterne, Kartendienst, Statistik, Einwilligungsdialog – bringt eigenen Programmcode mit. Bei WordPress-Seiten kommt hinzu, dass viele Erweiterungen ihren Code auf allen Seiten laden, auch dort, wo sie nichts tun.

Die Frage bei jedem Werkzeug lautet: Was bringt es messbar, und was kostet es an Ladezeit? Ein Chat, den zweimal im Monat jemand nutzt, ist selten das Geld an Geschwindigkeit wert, das er kostet.

4. Auslieferung und Hosting

Ein statisch ausgelieferter Auftritt ist praktisch immer schneller als eine Seite, die jede Anfrage neu berechnet. Wo ein Redaktionssystem gebraucht wird, hilft Zwischenspeicherung erheblich. Ein Auslieferungsnetzwerk bringt vor allem dann etwas, wenn Ihre Besucher weit verstreut sind – für einen Betrieb mit Einzugsgebiet Rhein-Neckar ist ein guter Server in Deutschland meist wichtiger.

5. Layoutverschiebungen vermeiden

Nicht die Ladezeit selbst, aber eng verwandt: Seiten, bei denen der Text nach einer Sekunde nach unten springt, weil ein Bild oder ein Werbeblock nachlädt. Der Fix ist einfach: Für Bilder und eingebettete Inhalte Breite und Höhe angeben, damit der Platz von Anfang an reserviert ist.

Wie man misst, ohne sich zu täuschen

Zwei Arten von Messwerten sind zu unterscheiden. Labormessungen wie Lighthouse simulieren einen Aufruf unter festgelegten Bedingungen und sind gut zum Vergleichen von Änderungen. Felddaten zeigen, was echte Besucher erlebt haben, und sind das, was tatsächlich zählt.

Für die Praxis genügt: einmal messen, die drei größten Posten beheben, erneut messen. Wer versucht, eine Punktzahl auf 100 zu bringen, investiert am Ende Tage für Zehntelsekunden.

Was das mit Anfragen zu tun hat

Der Zusammenhang ist gut belegt und trotzdem oft abstrakt. Konkret heißt er: Wer auf dem Handy im Mobilfunknetz nach einem Handwerksbetrieb sucht und die erste Seite lädt nicht in wenigen Sekunden, geht zurück und öffnet den nächsten Treffer. Für lokale Suchanfragen ist Geschwindigkeit deshalb kein technischer Feinschliff, sondern ein direkter Faktor für die Zahl der Anfragen.

Wie wir Seiten technisch aufbauen, damit dieser Punkt gar nicht erst zum Problem wird, steht unter Webdesign. Bei bestehenden Seiten ist die Ladezeit fester Bestandteil der SEO-Analyse.