Dieser Artikel erschien zuerst bei unseren Kollegen von DJ-Extensions (englisch).

Bilder machen eine Website ansprechend – aber sie sind fast immer der grösste Teil einer Seite. Je mehr Fotos, Grafiken und Videos eine Seite enthält, desto länger dauert es, bis alles geladen ist. Für Besucher mit einer langsamen Verbindung wird das schnell zur Geduldsprobe. Und die ersten Sekunden entscheiden oft darüber, ob jemand bleibt oder wieder abspringt.

Lazy Loading löst dieses Problem auf eine einfache Weise. Ab Joomla 4 ist die Funktion fest eingebaut – Sie müssen dafür nichts installieren.

Was Lazy Loading bedeutet

„Lazy Loading" heisst wörtlich „faules Laden". Statt beim Aufruf einer Seite sofort alle Bilder herunterzuladen, lädt der Browser nur die Bilder, die der Besucher gerade sieht. Scrollt jemand weiter nach unten, werden die nächsten Bilder nachgeladen – genau dann, wenn sie in den sichtbaren Bereich kommen.

Das Ergebnis: Beim ersten Aufruf muss der Browser deutlich weniger Daten laden. Die Seite erscheint schneller, und der Besucher kann sofort mit dem Lesen beginnen, während der Rest im Hintergrund nachkommt.

Warum sich das lohnt

  • Schnellerer erster Eindruck. Die sichtbaren Inhalte sind sofort da, statt dass die Seite auf jedes Bild am unteren Ende wartet.
  • Weniger Datenverbrauch. Bilder, die nie in den sichtbaren Bereich gescrollt werden, werden gar nicht erst geladen. Das spart Bandbreite – besonders auf dem Handy.
  • Spürbar bei bildlastigen Seiten. Auf einem Blog, einer News-Seite oder in einer Bildergalerie mit vielen Fotos ist der Unterschied am grössten.
  • Bessere Werte bei Tempo-Messungen. Eine schnellere Seite verbessert die Nutzung und wird auch von Google positiv bewertet.

So funktioniert es in Joomla

Ab Joomla 4 gehört Lazy Loading zum Kern des Systems. Es arbeitet automatisch im Hintergrund: Bilder, die Sie in Ihren Beiträgen einfügen, erhalten die Angabe loading="lazy" – einen Hinweis an den Browser, das Bild erst bei Bedarf zu laden. Sie müssen dafür keine Erweiterung installieren und nichts konfigurieren.

Möchten Sie prüfen, ob es aktiv ist? Öffnen Sie Ihre Seite im Browser, klicken Sie mit der rechten Maustaste auf ein Bild und wählen Sie „Untersuchen". Steht im Bild-Tag loading="lazy", arbeitet die Funktion wie gewünscht. Alle gängigen Browser unterstützen sie inzwischen.

Was Sie beachten sollten

Lazy Loading ist kein Ersatz für sauber aufbereitete Bilder. Wer ein 4000 Pixel breites Foto einbaut, wo 800 Pixel reichen würden, verschenkt Tempo – auch mit verzögertem Laden. Kombinieren Sie die Funktion darum mit passend skalierten und komprimierten Bildern. Ein Detail am Rande: Für das grosse Bild ganz oben auf der Seite, das ohnehin sofort sichtbar ist, bringt verzögertes Laden wenig – hier darf das Bild ruhig direkt geladen werden.

Fazit

Lazy Loading ist eine der einfachsten Massnahmen, um eine Website spürbar schneller zu machen. Ab Joomla 4 müssen Sie dafür nur dafür sorgen, dass Ihre Bilder korrekt eingebunden sind. Zusammen mit richtig skalierten Bildern holen Sie so ohne grossen Aufwand ein paar wertvolle Sekunden heraus – und hinterlassen bei jedem Besucher einen besseren ersten Eindruck.