chriskroon

<h3>Lazy Load Image Filter</h3>
<p>This plugin filters all content your WordPress site generates and add automaticly the lazy tag to all images. This will increase performance drasticly!<br />
Why this plugin? This plugin does rely on the browser’s build in image performance features which means no extra JavaScript or PHP execution time! Simplicity to the max.</p>
<h3>Installation – From WordPress Admin</h3>
<ul>
<li>Go to ‘Plugins > Add new’</li>
<li>Search for “Lazy Load Image Filter”</li>
<li>Hit Install Now, and Activate after that</li>
</ul>
<h3>Manual</h3>
<ul>
<li>Upload the <code>lazy-load-wordpress-image-filter</code> folder to the <code>/wp-content/plugins</code> directory</li>
<li>Activate through the WordPress admin from ‘Plugins > Installed Plugins’</li>
</ul>
<h3>After Installation</h3>
<p>That’s it, don’t want to use it anymore? Just uninstall the plugin.</p>


Lazy Load Image Filter

The Lazy Load Image Filter plugin makes every image in your WordPress site use lazy loading to drasticly increase performance! Why this plugin? This p …

WordPress.org

Felix Arntz

Andrew Ozz

<p>Lazy Loading Feature Plugin is an official plugin maintained by the WordPress team. It is intended for testing of automatically adding the <code>loading</code> HTML attribute to images and other elements that support it.</p>
<p>More information about the <code>loading</code> attribute:<br />
Description: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading" rel="nofollow ugc">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading</a>.<br />
HTML Specification: <a href="https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading" rel="nofollow ugc">https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading</a>.</p>
<p>Currently the <code>loading</code> attribute is supported in the following browsers: <a href="https://caniuse.com/#feat=loading-lazy-attr" rel="nofollow ugc">https://caniuse.com/#feat=loading-lazy-attr</a>.</p>
<p>To test, install and enable the plugin. It will automatically add <code>loading="lazy"</code> attributes to all images in all new and existing posts, pages, and text widgets on the front-end.</p>
<p>Then use one of the browsers that support it (Chrome, Opera, Firefox, Edge, Android, etc.) and visit the site. Best would be to test over a slower connection, with a phone, etc. and test web pages that have a lot of images, like gallery posts.</p>
<h4>Things to look for</h4>
<ul>
<li>Obvious bugs, for example images are missing.</li>
<li>Try to scroll down as soon as the page loads. All images should be at their places, and the page shouldn’t “jump” when images are loaded.</li>
</ul>
<h4>Note to developers</h4>
<p>This plugin is intended for testing. If the tests are successful, this functionality will be added to WordPress, but the exact code may change, perhaps significantly.</p>
<p>When testing, please also test the filters added by this plugin, and provide feedback at <a href="https://github.com/WordPress/wp-lazy-loading" rel="nofollow ugc">https://github.com/WordPress/wp-lazy-loading</a> or at <a href="https://core.trac.wordpress.org/ticket/44427" rel="nofollow ugc">https://core.trac.wordpress.org/ticket/44427</a>.</p>


Lazy Loading Feature Plugin

WordPress feature plugin for testing and experimenting with automatically adding the "loading" HTML attribute. Not for production use.

Lazy Load Image Filter vs Lazy Loading Feature Plugin