asentechnology

<p>This plugin lazy loads images by initially serving either blank images or low-res images and then loads the high-res version according to their distance from the initial scroll position.</p>


AT Lazy Loader

WP Media

WP Rocket

<p>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 <a href="https://wp-rocket.me/blog/guide-to-page-speed-optimization-for-wordpress/" rel="nofollow ugc">speed up your WordPress site</a> and <a href="https://imagify.io/blog/optimize-images-page-speed-google/#lazy-loading" rel="nofollow ugc">optimize images for Google PageSpeed</a>.</p>
<p>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.</p>
<p>No JavaScript library such as jQuery is used, and the script weight is less than 10KB.</p>
<h4>Why is lazy loading crucial for performance?</h4>
<p>Lazy loading is a key performance technique to make your site faster. You’ll reduce loading time, <a href="https://wp-rocket.me/lighthouse-performance-score-wordpress/" rel="nofollow ugc">improve your Lighthouse performance score</a> and <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/" rel="nofollow ugc">optimize your Core Web Vitals grades</a>.</p>
<p><a href="https://wp-rocket.me/blog/lazy-loading-wordpress-5-5/" rel="nofollow ugc">Lazy loading your images on WordPress</a> will help you achieve a better PageSpeed Insights score for three main reasons:</p>
<ul>
<li>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.</li>
<li>You’ll improve the performance of two key metrics: <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/improve-first-input-delay/" rel="nofollow ugc">First Input Delay</a> (Core Web Vital) and <a href="https://wp-rocket.me/lighthouse-performance-score-wordpress/reduce-total-blocking-time/" rel="nofollow ugc">Total Blocking Time</a> (Lighthouse metric).</li>
<li>You’ll <a href="https://wp-rocket.me/blog/reduce-http-requests-speed-wordpress-site/" rel="nofollow ugc">make fewer HTTP requests</a> – that is another way to boost your site speed and <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/" rel="nofollow ugc">improve the Largest Contentful Paint score</a> (another Core Web Vital).</li>
</ul>
<p>Take a look at our complete list of reasons <a href="https://wp-rocket.me/blog/lazyloading/#section-2" rel="nofollow ugc">why you should use lazy loading</a>. Then, turn on LazyLoad and make your WordPress website faster!</p>
<h4>Dependencies</h4>
<p>LazyLoad script: <a href="https://github.com/verlok/lazyload" rel="nofollow ugc">https://github.com/verlok/lazyload</a></p>


LazyLoad Plugin – Lazy Load Images, Videos, and Iframes

Working better

The best free lazy load plugin for WordPress. Lazy load images, videos, and iframes to improve performance and Core Web Vitals scores.

AT Lazy Loader vs LazyLoad Plugin – Lazy Load Images, Videos, and Iframes