Title: LazyLoad Plugin – Lazy Load Images, Videos, and Iframes Author: WP Media Published: 1. Januar 2014 Last modified: 6. Oktober 2026 --- Plugins suchen ![](https://ps.w.org/rocket-lazy-load/assets/banner-772x250.png?rev=2715509) ![](https://ps.w.org/rocket-lazy-load/assets/icon-256x256.png?rev=2715509) # LazyLoad Plugin – Lazy Load Images, Videos, and Iframes Von [WP Media](https://profiles.wordpress.org/wp_media/) [Herunterladen](https://downloads.wordpress.org/plugin/rocket-lazy-load.2.4.1.zip) * [Details](https://de.wordpress.org/plugins/rocket-lazy-load/#description) * [Rezensionen](https://de.wordpress.org/plugins/rocket-lazy-load/#reviews) * [Installation](https://de.wordpress.org/plugins/rocket-lazy-load/#installation) * [Entwicklung](https://de.wordpress.org/plugins/rocket-lazy-load/#developers) [Support](https://wordpress.org/support/plugin/rocket-lazy-load/) ## Beschreibung 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](https://wp-rocket.me/blog/guide-to-page-speed-optimization-for-wordpress/) and [optimize images for Google PageSpeed](https://imagify.io/blog/optimize-images-page-speed-google/#lazy-loading). 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](https://wp-rocket.me/lighthouse-performance-score-wordpress/) and [optimize your Core Web Vitals grades](https://wp-rocket.me/google-core-web-vitals-wordpress/). [Lazy loading your images on WordPress](https://wp-rocket.me/blog/lazy-loading-wordpress-5-5/) will help you achieve a better PageSpeed Insights score for three main reasons: * You’ll address a specific PageSpeed Insights recommendation: [Defer offscreen images](https://wp-rocket.me/google-core-web-vitals-wordpress/defer-offscreen- images/, which means image lazy loading. * You’ll improve the performance of two key metrics: [First Input Delay](https://wp-rocket.me/google-core-web-vitals-wordpress/improve-first-input-delay/)( Core Web Vital) and [Total Blocking Time](https://wp-rocket.me/lighthouse-performance-score-wordpress/reduce-total-blocking-time/)( Lighthouse metric). * You’ll [make fewer HTTP requests](https://wp-rocket.me/blog/reduce-http-requests-speed-wordpress-site/)– that is another way to boost your site speed and [improve the Largest Contentful Paint score](https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/)( another Core Web Vital). Take a look at our complete list of reasons [why you should use lazy loading](https://wp-rocket.me/blog/lazyloading/#section-2). Then, turn on LazyLoad and make your WordPress website faster! #### Abhängigkeiten Lazyload-Skript: [https://github.com/verlok/lazyload](https://github.com/verlok/lazyload) ## Installation 1. Lade den ganzen `rocket-lazy-load`-Ordner in das `/wp-content/plugins/`-Verzeichnis hoch 2. Aktiviere das Plugin im „Plugins“-Menü in WordPress ## FAQ ### 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' ); ``` ### How to remove the „ tag You can use the `rocket_lazyload_noscript` filter to disable the addition of the`