LazyLoad Plugin – Lazy Load Images, Videos, and Iframes

Description

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.

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: You’ll address a specific PageSpeed Insights recommendation: Defer offscreen images, which means image lazy loading. You’ll improve the performance of two key metrics: First Input Delay (Core Web Vital) and Total Blocking Time (Lighthouse metric). You’ll make fewer HTTP requests – that is another way to boost your site speed and improve the Largest Contentful Paint score (another Core Web Vital).

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!

Dependencies: LazyLoad script: https://github.com/verlok/lazyload

Other Notable Features

Here are a few other notable features of this free LazyLoad Plugin – Lazy Load Images, Videos, and Iframes plugin.

Defer Offscreen Images

Lazy Load

Lazy Load Images

Lazy Load Plugin

Lazy Loading

FAQ

add_filter( 'rocket_use_native_lazyload', '__return_true' ); 

add_action( 'wp', 'deactivate_rocket_lazyload_on_single' ); function deactivate_rocket_lazyload_on_single() {     if ( is_single() ) {         add_filter( 'do_rocket_lazyload', '__return_false' );     } } 

function rocket_lazyload_custom_threshold( $threshold ) {     return 100; } add_filter( 'rocket_lazyload_threshold', 'rocket_lazyload_custom_threshold' ); 

<div style="background-image: url(image.jpg);"> 

<div class="rocket-lazyload" data-bg="url(../img/image.jpg)"></div> 

Contributors and developers

“LazyLoad Plugin – Lazy Load Images, Videos, and Iframes” is open source software. The following people have contributed to this plugin.

WP Media

WP Rocket