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

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.

AT Lazy Loader vs Lazy Loading Feature Plugin