Justin Downey

This plugin adds the <code>loading</code> attribute to IMG tags found when filtering <code>the_content()</code> to support native image lazy loading.
For more information about lazy loading images using this new native browser image attribute, check out this article: <a href="https://addyosmani.com/blog/lazy-loading/" rel="nofollow ugc">https://addyosmani.com/blog/lazy-loading/</a> and for a little more depth into what we’re doing here, check out our <a href="https://jdmdig.it/30nXp7h" rel="nofollow ugc">explainer post</a>.
Historically, to limit the impact offscreen images have on page load times, developers have needed to use a JavaScript library (like <a href="https://github.com/aFarkas/lazysizes" rel="nofollow ugc">LazySizes</a> or <a href="https://www.andreaverlicchi.eu/lazyload/" rel="nofollow ugc">Vanilla-LazyLoad</a>) in order to defer fetching these images until a user scrolls near them. What if the browser could avoid loading these offscreen images for you?
The <code>loading</code> attribute instructs a browser to defer loading offscreen images until users scroll near them. It comes in three flavors: eager, auto, and lazy. Install this plugin and you can set the first image’s loading attribute and the loading attribute for all the subsequent images sent through <code>the_content()</code> in the plugin’s settings page.
Simple is Beautiful
There is no JavaScript or CSS included in the plugin. It just works in browsers that support the new <code>loading</code> image attribute.
For browsers that don’t support this new image loading attribute, that’s ok. You can still use whatever JavaScript-based image lazy loader you want as a fallback until browser support becomes a little more mainstream.

Native Image Lazy Loading

Automatically add the new loading attribute to images within your content to support native image lazy loading.

Uzair

Easy Optimizer is a simple and lightweight plugin that helps improve your website’s performance by: 
– Lazy-loading images, background images, iframes and videos 
– Preloading pages to speed up navigations 
– Optionally rewriting image URLs to a ShortPixel CDN for next-gen format delivery (WebP/AVIF) and optimization
<h3>Key Features</h3>
<ul>
<li>Serve images in next-gen formats via ShortPixel CDN (WebP/AVIF when supported).</li>
<li>Lazy-load images and iframes to reduce initial page weight.</li>
<li>Lazy-load background images and HTML5 videos.</li>
<li>Page preloading to improve perceived navigation speed.</li>
<li>Elementor compatible.</li>
</ul>
<h3>External Services</h3>
This plugin optionally rewrites image URLs to ShortPixel’s CDN to serve optimized images:
<ul>
<li>Service: ShortPixel CDN (https://cdn.shortpixel.ai/)</li>
<li>What it does: When “Image Optimization” is enabled in plugin settings, image URLs on your site (for example, https://example.com/wp-content/uploads/image.jpg) are rewritten so that visitors’ browsers request images from ShortPixel’s CDN (for example, https://cdn.shortpixel.ai/spai/…/https://example.com/wp-content/uploads/image.jpg). This enables ShortPixel to serve optimized, next-gen formats like WebP/AVIF where supported.</li>
<li>What data is sent: Only the image URL requested by the visitor’s browser is requested from ShortPixel’s CDN. No additional site data or personal user data is sent by the plugin itself.</li>
<li>Why: Using the CDN can reduce image weight and speed delivery of images.</li>
<li>Links: ShortPixel Privacy Policy: https://shortpixel.com/privacy 
 ShortPixel Terms of Service: https://shortpixel.com/terms-of-service</li>
</ul>

Easy Optimizer – Lazy-load images, videos & iframes

Convert images to WebP/AVIF via ShortPixel CDN, lazy-load images/backgrounds/iframes/videos and preload pages for faster navigation.

Native Image Lazy Loading vs Easy Optimizer – Lazy-load images, videos & iframes