WSC 5.2 & 5.3 Lazy-Load

Lazy-Load

Rezensionen

0 Kundenrezensionen
Produktinformation

Natives "Lazy Loading" von Bildern und IFrames für die WoltLab Suite.

Preis
EUR 6,99
Downloads
317
Verkäufe
53

Produktbeschreibung

Nahezu 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. Beachten Sie darüber hinaus, dass Bilder, die durch das Lazy-Loading erst beim Erreichen des Viewpoints geladen werden, beim Drucken einer Seite nicht beachtet werden!


Demo:


  • Lazy-Load 5.3.4

    Kompatibilitätsproblem (Polyfill) behoben
  • Lazy-Load 5.3.3

    - Bilder und/oder IFrames, die bereits über das loading-Attribut verfügen, werden nicht länger beachtet
    - Smileys und Logos (nur Desktop) werden ab sofort synchron dekodiert* und "eager" geladen
    - Bilder, die weder Smilie noch Logo sind, werden ab sofort asynchron dekodiert* (und wie bisher auch "lazy" geladen)

    * = Das decoding-Attribut wird von allen gängigen Browsern unterstützt (siehe https://caniuse.com/mdn-html_elements_img_decoding). Weitere Informationen: https://html.spec.whatwg.org/multipage/images.html#img-decoding-process
  • Lazy-Load 5.3.2

    Polyfill aktualisiert
  • Lazy-Load 5.3.1 pl 2

    Bugfix
  • Lazy-Load 5.3.1

    Template-Listener für Polyfill-Injizierung entfernt und auf Event-Listener umgestellt
  • Lazy-Load 5.3.0

Durchschnittliche Kundenbewertung

0 von 5 (0 Kundenrezensionen)
  • 5 Sterne (0)
  • 4 Sterne (0)
  • 3 Sterne (0)
  • 2 Sterne (0)
  • 1 Stern (0)
Rezension verfassen

Aktuell sind keine Kundenrezensionen vorhanden. Seien Sie der Erste, der eine Rezension erstellt!