marubon

Unveil Lazy Load is a WordPress Plugin whitch makes lazy-image-load possible 
to decrease number of requests and improve page loading time.
This plugin has the following features compared to another lazy-load plugin:
<h4>Decrease data size loaded from web server by adopting a lightweight lazy-load library</h4>
This plugin uses a lightweight jQuery plugin created by optimizing <a href="https://github.com/luis-almeida/unveil" rel="nofollow ugc">Unveil.js</a> Unveil.js (https://github.com/luis-almeida/unveil) 
 less than about 0.6KB in size in order to only load an image when it’s visible in the viewport.
<h4>Decrease number of HTTP requests using data URI scheme</h4>
This plugin needs not to load an external dummy image required for lazy-load 
 because the image is embedded in HTML using data URI scheme technique.
<h3>Arbitrary section</h3>

Unveil Lazy Load

Unveil Lazy Load is a WordPress Plugin whitch makes lazy-image-load possible to decrease number of requests and improve page loading time.

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.

Unveil Lazy Load vs Native Image Lazy Loading