Lazy Loading und Caching: Ladezeit spürbar verbessern

Zwei Begriffe tauchen immer wieder auf, wenn von einer schnellen Webseite die Rede ist: Lazy Loading und Caching. Sie klingen technisch, dahinter steckt aber eine ganz einfache Idee, nämlich, dem Besucher nur das zu schicken, was er gerade braucht, und nichts doppelt zu laden. Genau das macht eine Seite spürbar schneller.

Ich erkläre Ihnen hier, was die beiden bedeuten, warum sie zusammengehören und wie viel Tempo sie wirklich bringen, ohne Fachchinesisch, mit Bildern aus dem Alltag.

Was Lazy Loading wirklich bedeutet

Stellen Sie sich vor, Sie betreten ein Restaurant und der Kellner stellt Ihnen sofort jedes Gericht der ganzen Karte auf den Tisch, Vorspeise, Hauptgang, Dessert, alles auf einmal. Unsinnig, oder? Sie bekommen das Dessert, wenn Sie beim Dessert sind.

Genau so arbeitet Lazy Loading, also verzögertes Laden. Statt die ganze Seite mit allen Bildern auf einen Schlag zu laden, holt der Browser zuerst nur, was oben sichtbar ist. Die Bilder weiter unten werden erst geladen, wenn Sie dorthin scrollen.

Das hat einen handfesten Effekt: Der erste Eindruck steht in einem Bruchteil der Zeit. Und falls der Besucher gar nicht bis ganz nach unten scrollt, wurden die unteren Bilder nie unnötig übertragen, das spart Ladezeit und Datenvolumen, gerade auf dem Handy.

Was Caching bedeutet

Caching ist das Gegenstück. Hier geht es nicht darum, was geladen wird, sondern wie oft. Ein Cache ist ein Zwischenspeicher: Inhalte, die sich kaum ändern, werden abgelegt, damit sie beim nächsten Mal nicht erneut vom Server geholt werden müssen.

Denken Sie an Ihre Stammbeiz. Beim ersten Besuch muss der Wirt Sie kennenlernen, Ihre Bestellung aufnehmen, alles ist neu. Beim zehnten Mal weiss er schon, was Sie trinken. Das geht schneller, weil vieles bereits bekannt ist. Ein Cache merkt sich Webseiten-Bausteine auf genau diese Art.

Caching passiert an mehreren Stellen:

• Im Browser des Besuchers: Logo, Schriften und Layout werden lokal gespeichert. Beim zweiten Seitenaufruf sind sie sofort da.
• Auf dem Server: Fertige Seiten werden vorgehalten, statt sie bei jedem Aufruf neu zusammenzubauen.
• Im Liefernetz (CDN): Inhalte liegen auf Servern in der Nähe des Besuchers, so sind die Wege kurz.

Warum die beiden zusammengehören

Lazy Loading und Caching ziehen am selben Strang, packen das Problem aber von zwei Seiten an. Das eine sorgt dafür, dass beim ersten Besuch nicht zu viel auf einmal geladen wird. Das andere sorgt dafür, dass beim zweiten Besuch vieles gar nicht mehr neu geladen werden muss.

Zusammen ergibt das eine Seite, die sich beim ersten Klick schnell aufbaut und bei jedem weiteren Klick nochmals flotter wird. Genau dieses Gefühl, es geht einfach voran, hält Besucher bei der Stange und sorgt dafür, dass Google Ihre Seite als angenehm einstuft.

Wie viel bringt das in der Praxis?

Mehr, als viele denken. Bilder sind fast immer der grösste Brocken einer Webseite. Wenn Sie eine bildlastige Seite haben und die Hälfte der Bilder erst beim Scrollen lädt, halbiert sich oft schon das, was beim Start übertragen wird. Der erste Eindruck steht damit deutlich früher.

Beim Caching ist der Sprung beim wiederholten Besuch am grössten. Wer Ihre Seite schon einmal geöffnet hat, lädt beim zweiten Mal oft nur noch einen Bruchteil, der Rest liegt bereits im Zwischenspeicher. Für Stammkunden, die regelmässig vorbeischauen, fühlt sich die Seite dadurch fast verzögerungsfrei an.

Muss ich mich selbst darum kümmern?

Die ehrliche Antwort: Sie sollten wissen, dass es das gibt, kümmern muss sich darum, wer Ihre Seite baut. Bei einer sauber gemachten Webseite sind Lazy Loading und ein vernünftiges Caching von Haus aus eingerichtet. Sie müssen keine Schalter umlegen.

Worauf Sie achten können:

• Bilder sollten erst laden, wenn sie ins Bild kommen, das ist heute mit einem kleinen Zusatz im Code Standard.
• Ihr Server oder Hoster sollte Inhalte zwischenspeichern und mit den richtigen Vorgaben ausliefern.
• Nach grösseren Änderungen muss der Cache geleert werden, sonst sehen Besucher unter Umständen noch die alte Version.

Bei Baukasten-Seiten ist gerade der letzte Punkt eine häufige Stolperfalle: Man ändert etwas, sieht aber selbst noch das Alte, weil der eigene Browser eine zwischengespeicherte Fassung zeigt. Kein Grund zur Panik, ein kurzes Leeren genügt meist.

Schnelligkeit, die man nicht sieht, aber spürt

Das Schöne an Lazy Loading und Caching ist, dass sie unsichtbar arbeiten. Niemand bemerkt sie direkt. Spürbar ist nur das Ergebnis: Die Seite ist sofort da, das Scrollen läuft flüssig, beim zweiten Besuch geht alles noch schneller. Diese Mühelosigkeit ist es, die im Kopf bleibt.

Ich baue meine Webseiten so, dass diese Technik von Anfang an mitläuft, schlanker Code, optimierte Bilder, ein durchdachter Cache. Wenn Sie wissen möchten, was bei Ihrer Seite an Tempo drinliegt, schauen Sie sich gern weitere Beiträge an oder melden sich direkt über das Kontaktformular. Ich sage Ihnen ehrlich, wo der grösste Hebel liegt.