Ladezeit ist eines der wenigen Themen, bei denen sich der Nutzen direkt in Zahlen zeigt. Wer eine Seite von vier auf zwei Sekunden bringt, sieht das in den Besucherzahlen. Und trotzdem ist es das Thema, das bei Website-Projekten am häufigsten hinten runterfällt, weil man es im fertigen Ergebnis nicht sieht.
Warum Ladezeit über Anfragen entscheidet
Der Mechanismus ist simpel. Jemand tippt auf ein Suchergebnis, wartet, und wenn nichts passiert, geht er zurück und tippt auf das nächste. Das ist keine bewusste Entscheidung, sondern Reflex. Studien zeigen seit Jahren denselben Zusammenhang: Mit jeder zusätzlichen Sekunde steigt der Anteil derer, die abspringen, deutlich an.
Für einen Betrieb in Dortmund heißt das konkret: Sie können Geld in Anzeigen stecken, Ihre Texte perfektionieren und ein schönes Design haben. Wenn die Seite auf dem Handy im Bus vier Sekunden braucht, sieht ein Teil Ihrer Besucher davon nichts.
Dazu kommt der Rankingfaktor. Google bewertet die Ladeerfahrung über die Core Web Vitals, und bei ansonsten vergleichbaren Seiten entscheidet das mit. Wichtiger als der Rankingeffekt ist aber der direkte: Selbst wenn Google die Geschwindigkeit ignorieren würde, würden Sie Besucher verlieren.
Richtig messen statt raten
Der häufigste Fehler beim Messen ist, die eigene Seite am Bürorechner aufzurufen und zufrieden zu sein. Dort ist alles im Cache, die Verbindung ist gut und der Rechner schnell. Das sagt nichts über den Kunden aus, der mobil unterwegs ist.
Nutzen Sie stattdessen PageSpeed Insights von Google. Das Werkzeug zeigt zwei Dinge: Labordaten aus einem simulierten Test und Felddaten von echten Besuchern, sofern genug Verkehr vorhanden ist. Die Felddaten sind der ehrlichere Wert.
Achten Sie vor allem auf drei Kennzahlen. Largest Contentful Paint zeigt, wann der größte sichtbare Inhalt fertig geladen ist, meistens das erste große Bild oder die Überschrift. Richtwert sind 2,5 Sekunden. Cumulative Layout Shift misst, wie stark das Layout beim Laden springt. Das ist der Effekt, bei dem man auf einen Link tippen will und im letzten Moment schiebt sich ein Bild darüber. Interaction to Next Paint zeigt, wie schnell die Seite auf Eingaben reagiert.
Lassen Sie sich von der Gesamtpunktzahl nicht zu sehr beeindrucken. Eine 100 zu erreichen ist bei einer inhaltsreichen Seite kaum sinnvoll und selten nötig. Ein Wert im grünen Bereich bei den drei Kennzahlen ist das Ziel.
Bilder: die häufigste Bremse
In neun von zehn Fällen, die wir prüfen, sind Bilder das Problem. Und meistens auf dieselbe Weise: Jemand hat ein Foto direkt aus der Kamera hochgeladen, 4.000 Pixel breit und drei Megabyte groß, und die Website zeigt es auf 600 Pixel Breite an. Der Browser lädt trotzdem die volle Datei.
Was hilft, ist unspektakulär:
- Auf die tatsächliche Anzeigegröße skalieren. Wenn ein Bild nie breiter als 800 Pixel dargestellt wird, muss es nicht in 4.000 vorliegen. Für scharfe Darstellung auf hochauflösenden Displays reicht die doppelte Breite.
- Format WebP statt JPG. Bei gleicher optischer Qualität sind die Dateien deutlich kleiner. Bei Fotos sind Einsparungen von 30 bis 50 Prozent üblich.
- Qualität auf 80 bis 85 Prozent. Der Unterschied zu 100 Prozent ist mit bloßem Auge kaum zu sehen, die Dateigröße halbiert sich oft.
- Lazy Loading für alles unterhalb des sichtbaren Bereichs. Bilder, die man erst nach dem Scrollen sieht, müssen nicht sofort geladen werden. Beim ersten sichtbaren Bild machen Sie das Gegenteil und laden es mit Priorität.
- Breite und Höhe im HTML angeben. Dadurch reserviert der Browser den Platz, bevor das Bild da ist, und das Layout springt nicht.
Allein diese fünf Punkte bringen bei den meisten Seiten mehr als alle anderen Maßnahmen zusammen.
Was sonst noch bremst
Zu viele Skripte. Jedes eingebundene Werkzeug kostet Zeit: Chat-Fenster, Bewertungs-Widgets, Karten, Analysewerkzeuge, Schriftbibliotheken. Gehen Sie durch, was Sie tatsächlich brauchen. Ein Chat-Fenster, das nie benutzt wird, ist purer Ballast.
Externe Schriften. Jede Schrift muss geladen werden, bevor Text erscheint. Zwei Schriften mit je zwei Schnitten reichen fast immer. Wer sechs Schnitte einbindet, lädt fünf davon umsonst.
Eingebettete Videos. Ein direkt eingebundenes Video von einer Plattform lädt beim Seitenaufruf ein erhebliches Paket mit, auch wenn niemand auf Abspielen tippt. Besser ist ein Vorschaubild, das erst beim Klick das eigentliche Video nachlädt.
Baukasten- und Plugin-Ballast. Bei WordPress sammeln sich über die Jahre Erweiterungen an, von denen jede eigene Skripte und Stylesheets mitbringt, oft auf allen Seiten, auch wo sie nicht gebraucht werden. Ein Blick in die Liste lohnt sich regelmäßig.
Kein Caching. Wenn Ihr Server bei jedem Aufruf alles neu berechnet und der Browser nichts zwischenspeichern darf, verschenken Sie Zeit bei jedem Besuch.
In welcher Reihenfolge vorgehen
Es bringt nichts, alles gleichzeitig anzufassen. Diese Reihenfolge hat sich bewährt, weil sie mit dem größten Effekt anfängt.
- Erst messen und den Ausgangswert festhalten
- Bilder skalieren, umwandeln und komprimieren
- Breite und Höhe setzen, Lazy Loading einrichten
- Überflüssige Skripte und Erweiterungen entfernen
- Schriften reduzieren und lokal einbinden
- Caching und Kompression auf dem Server aktivieren
- Erneut messen und vergleichen
Nach den ersten drei Punkten ist der Großteil meistens erledigt. Wer danach immer noch schlechte Werte hat, hat ein strukturelles Problem, und dann lohnt ein genauerer Blick auf das eingesetzte System.
Was Sie realistisch erwarten können
Bei einer typischen Unternehmensseite mit unoptimierten Bildern lässt sich die Ladezeit oft halbieren, ohne dass am Design etwas verändert wird. Das ist Arbeit für einen Tag und bringt mehr als die meisten größeren Maßnahmen.
Was Sie nicht erwarten sollten, ist ein Wunder bei einer Seite, die auf einem überladenen Baukasten läuft. Dort sind die Grenzen technisch gesetzt, und dann ist irgendwann ein Neubau die ehrlichere Antwort als weitere Optimierungsversuche.
Prüfen Sie danach regelmäßig nach. Ladezeit ist kein Zustand, sondern ein Ergebnis. Ein neues Plugin, ein paar unkomprimierte Bilder in einem Blogbeitrag, und der Wert ist wieder da, wo er vorher war.
