Verzögertes Laden von Medien mit der nativen Browserfunktion. Erfahre mehr über das neue Attribut loading(engl.) oder schau dir das WordPress Core-Ticket an, in dem die Einbeziehung einer ähnlichen Implementierung in den WordPress-Core diskutiert wird.
Wird das Attribut loading vom Browser nicht unterstützt, fällt das Plugin auf eine JavaScript-Lösung zurück, die auf IntersectionObserver beruht. Für den Fall, dass JavaScript deaktiviert ist, das Attribut loading aber vom Browser unterstützt wird, wird eine noscript-Variante des jeweiligen Elements hinzugefügt, die ebenfalls das Attribut loading ohne weitere Änderungen enthält.
„Native“ bedeutet „Schnell“
Wenn du einen Weg hierhin gefunden hast, ist dir wahrscheinlich bewusst, wie entscheidend die Performance für die Benutzerfreundlichkeit und den Erfolg einer Website ist. Du weisst vielleicht auch, dass Verzögertes Laden ein wesentliches Merkmal zur Verbesserung der Performance ist. Die bisherigen Lösungen für Verzögertes Laden haben jedoch selbst zusätzlichen Ballast mitgebracht, da sie auf das Laden, Parsen und Ausführen einer eigenen JavaScript-Logik angewiesen waren, die sich mehr oder weniger stark auf die Performance ausgewirkt hat.
Dieses Plugin macht dieses Muster weitgehend überflüssig. Es basiert auf dem neuen Attribut loading, das das Verzögerte Laden zu einer nativen Browserfunktionalität macht. Das Attribut wird bereits von Chrome unterstützt und wird mit der Zeit auf andere Browser ausgeweitet. Die Lösung „nativ“ bedeutet, dass sie nicht auf benutzerdefinierte JavaScript-Logik angewiesen und dadurch schlanker ist. Und „schlanker“ bedeutet „schneller“.
Nicht zuletzt ist zu beachten, dass sich dieses Plugin im Laufe der Zeit wesentlich verbessern wird, da immer mehr Browser die Unterstützung für das Attribut loading ausrollen.
Verwendung
Aktiviere einfach das Plugin, und alle deine Bilder und Iframes in den Beiträgen werden verzögert geladen.
Danksagung
Dieses Plugin basiert teilweise auf der Logik von WP Rig sowie Empfehlungen von web.dev und developers.google.com.