Nico

<p>Minimalistic lazyloading, loads images as they come into view. Adds native lazyloading to all images and embeds (Chrome) and adds a polyfill (1.07 KiB gzipped) to make it work in all browsers.</p>
<ul>
<li><a href="https://nextgenthemes.com/plugins/native-lazyload-polyfill/" rel="nofollow ugc">Homepage</a></li>
<li><a href="https://gitlab.com/nnico/native-lazyload-polyfill" rel="nofollow ugc">Gitlab</a></li>
</ul>
<h3>How it works technically (if you care)</h3>
<ul>
<li>Adds <code>loading="lazy"</code> to all <code><img></code> and <code><iframe></code> inside <code>the_content</code> and other areas.</li>
<li>Also wraps <code><img></code>, <code><iframe></code> and the content of <code><pictures></code> in <code><noscript></code>.</li>
<li>Adds the <a href="https://github.com/mfranzke/loading-attribute-polyfill" rel="nofollow ugc">loading-attribute-polyfill</a> to do its magic in JavaScript.</li>
</ul>
<p>Feedback/Help is very welcome.</p>


Native Lazyload + Polyfill

Adds native lazyloading to all images and embeds (Chrome) and adds a polyfill to make it work in all browsers.

James Revillini

<p>A major drawback to using Elementor is that the background images used for sections and columns are all loaded when the page loads. Using a plugin like WP Rocket or BJ Lazy Load will not solve this issue. <strong>This plugin fixes that.</strong></p>
<p>The plugin is dead simple. No extra database tables or queries, no admin screens with difficult options to understand, and no dependencies other than that the page is designed with Elementor. It injects a little JavaScript and CSS on the front-end. The CSS hides all backgrounds on all non-animated sections and columns. The JavaScript detects the visitor’s scrolling and starts loading the background images as they get close to those sections/columns using the WayPoints JS library (which is packaged with Elementor).</p>
<p><strong>New</strong></p>
<ul>
<li>support has been added for the following Elementor Pro elements: Flip Box and Slider – thanks for the idea @dollhauss</li>
</ul>


Lazy Load Elementor Background Images

Lazy load background images of Elementor sections, columns, and some elements. Compatible with Elementor Pro.

Native Lazyload + Polyfill vs Lazy Load Elementor Background Images