Alles anzeigenNahezu jede Webseite nutzt Bilder und viele Webseiten verwenden IFrames (z.B. zur Einbindung von Youtube-Videos), wobei diese Elemente standardmäßig allesamt beim Aufrufen der Seite geladen werden, unabhängig davon, ob sie tatsächlich benötigt werden, oder nicht. Gleichzeitig wird die Welt immer mobiler und Datenvolumen wird vielerorts gehandelt wie eine endliches Ressource, sodass ein gewisser Bedarf an der Möglichkeit besteht, den Verbrauch von Datenvolumen einschränken zu können. Dies vorzugsweise ohne spürbare Nebeneffekte.
Diese Erweiterung für die WoltLab Suite implementiert natives Lazy-Loading in Ihre Community. Dabei erhalten sämtliche Bilder (d.h. auch Avatare, das Logo, usw.) und IFrames das HTML-Attribut loading="lazy", wodurch es modernen Browsern ermöglicht wird, diese Elemente erst dann zu laden, wenn sie benötigt werden und nicht unmittelbar beim Aufrufen der Seite. Ältere Browser und solche, die Lazy-Loading nicht nativ unterstützen (siehe Can I use... Support tables for HTML5, CSS3, etc) können optional mit einem sog. Polyfill um dieses Feature erweitert werden. Die dazugehörige Option finden Sie in den System-Einstellungen Ihrer WoltLab Suite-Installation.
Und wo wir gerade beim Thema positive Auswirkungen sind: Diese Erweiterung kann auch zu einem besseren Google-Pagespeed-Ranking führen!
Bitte beachten Sie, dass es für die Verwendung dieser Funktion notwendig sein kann, selbige im Browser erst zu aktivieren. Hier finden Sie Instruktionen für Chrome und Firefox.
Demo:
Quelle: https://pluginstore.woltlab.com/file/6835-lazy-load/
