LazyLoad Plugin – Lazy Load Images, Videos, and Iframes – WordPress-Plugin | WordPress.org Deutsch

LazyLoad is the best free lazy load plugin for WordPress to lazy load images, videos, and iframes on WordPress. In a nutshell, LazyLoad displays images, videos, and iframes on a page only when they are visible to the user – that’s one crucial way to
speed up your WordPress site
and
optimize images for Google PageSpeed
You can lazy load images in post content or widget text, plus thumbnails, avatars, and smilies. LazyLoad takes care of iframe lazy load, too: you’ll easily replace Youtube iframes with a preview thumbnail to further speed up the loading time of your website.
No JavaScript library such as jQuery is used, and the script weight is less than 10KB.
Why is lazy loading crucial for performance?
Lazy loading is a key performance technique to make your site faster. You’ll reduce loading time,
improve your Lighthouse performance score
and
optimize your Core Web Vitals grades
Lazy loading your images on WordPress
will help you achieve a better PageSpeed Insights score for three main reasons:
Take a look at our complete list of reasons
why you should use lazy loading
. Then, turn on LazyLoad and make your WordPress website faster!
Abhängigkeiten
Lazyload-Skript:
Lade den ganzen
rocket-lazy-load
-Ordner in das
/wp-content/plugins/
-Verzeichnis hoch
Aktiviere das Plugin im „Plugins“-Menü in WordPress
How can I use native lazyload?
To use native lazyload on browsers supporting this feature, you need to use the following line:
add_filter( 'rocket_use_native_lazyload', '__return_true' );
Browsers that do not support native lazyload will use the JS-based solution as before.
Wie kann ich Lazy Load auf manchen Seiten deaktivieren?
Du kannst den
do_rocket_lazyload
-Filter benutzen.
Hier ein Beispiel für die Einbindung in die functions.php-Datei, das lazyload für Beiträge deaktiviert:
add_action( 'wp', 'deactivate_rocket_lazyload_on_single' );
function deactivate_rocket_lazyload_on_single() {
if ( is_single() ) {
add_filter( 'do_rocket_lazyload', '__return_false' );
Wie kann ich Lazy Load für manche Bilder deaktivieren?
Füge einfach ein
data-no-lazy="1"
deinem
img
oder
iframe
Tag hinzu.
Du kannst auch die Filter
rocket_lazyload_excluded_attributes
oder
rocket_lazyload_excluded_src
benutzen, um bestimmte Muster auszuschließen.
Für Iframes ist der Filter
rocket_lazyload_iframe_excluded_patterns
Wie kann ich den Schwellwert für das Auslösen des Ladens ändern?
Du kannst den
rocket_lazyload_threshold
-Filter benutzen.
Codebeispiel:
function rocket_lazyload_custom_threshold( $threshold ) {
return 100;
add_filter( 'rocket_lazyload_threshold', 'rocket_lazyload_custom_threshold' );
Ich benutze Plugin X und meine Bilder werden nicht mehr angezeigt
Manche Plugins sind nicht mit lazy loading kompatibel. Bitte öffne eine Supportanfrage und wir werden versuchen herauszufinden, wie wir das Problem lösen können, indem laszy loading für dieses Plugin ausgeschlossen wird.
Wie funktioniert lazy load bei Hintergrundbildern?
Das Plugin wird Hintergrundbilder automatisch per lazy load laden, die mit einem
style
-Attribut in einem
div
-Element eingebunden sind: