Lazy Loader

Lazy-Loading-Plugin das Bilder, iFrames, video- und audio-Elemente unterstützt und das schlanke lazysizes-Skript nutzt. Mit manuellen Anpassungen des Markups können auch Hintergrundbilder, Skripte und Stylesheets nachgeladen werden.

Unterstützt automatisches Lazy Loading für:

• Images inserted via img or picture in posts, pages, Custom Post Types, Text Widgets, …
• Beitragsbilder.
• Inline background images.
• Or all images and other enabled media in the markup (that is not excluded or already has a lazy loading attribute), via the option to process the complete markup.
• iFrames.*
• video-Elemente.*
• audio-Elemente.*

* Kann in den Plugin-Optionen aktiviert werden.

Das Plugin kommt mit den folgenden Optionen (unter Einstellungen › Medien › Lazy-Loader-Optionen):

• Do not lazy load elements with specific CSS classes (you can use the class skip-lazy by default).
• Add filters that should be processed by Lazy Loader.
• Lazy Loading für iFrames aktivieren.
• Include the lazysizes native loading plugin that modifies images and iFrames to use the native lazy loading feature of browsers that already support it.
• Include the lazysizes unveilhooks plugin that adds support for more elements, for example, video and audio elements.*
• Lazy Loading für das Vorschaubild von video-Elementen aktivieren.
• Lazy Loading für audio-Elemente aktivieren.
• Enable lazy loading for inline background images.
• Display a loading spinner.
• Disable the plugin on specific posts/pages (this shows a checkbox in the edit view of all public post types (except attachments) to disable lazy loading for an entire post).
• Process the complete markup of the site.
• Ein Textfeld, um die Standard-Werte der lazysizes-Konfiguration zu verändern.

* Die unveilhooks-Extension von lazysizes unterstützt mehr als video- und audio-Elemente, aber dafür musst du das Markup selbst anpassen:

• Background images not inserted with inline styles.
• Skripte.
• Stylesheets.

The plugin adds a noscript element as fallback for disabled JavaScript (can be disabled with the lazy_loader_generate_noscript filter).

You can disable lazy loading for elements with specific CSS classes by defining them via the plugin settings (Settings › Media › Lazy Loader options). Or use the skip-lazy class or the data-skip-lazy attribute. skip-lazy and data-skip-lazy also work on wrapper elements to exclude the wrapper and its children from being processed.