This plugin adds the
loading attribute to IMG tags found when filtering
the_content() to support native image lazy loading.
For more information about lazy loading images using this new native browser image attribute, check out this article: https://addyosmani.com/blog/lazy-loading/ and for a little more depth into what we’re doing here, check out our explainer post.
loading 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
the_content() in the plugin’s settings page.
Simple is Beautiful
loading image attribute.
- Install Native Image Lazy Loading from the WordPress repo
- Activate the plugin through the Plugins menu
- Configure in Settings >> Native Lazy Loading
- Marvel at its simplicity
- Does this add any JS?
Nope. If you’re using another JS-based lazy loader, that’ll just keep working as it did. If the browser doesn\’t support the
loadingattribute, it’ll just ignore it and process per usual.
- Where is the Settings Page?
In version 1.0 there wan’t one, but thanks to a suggestion by @verlok, there IS one in v1.1. You’ll find it at Settings >> Native Lazy Loading.
Contributors and Developers
“Native Image Lazy Loading” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Added Settings Page
- Added Option to select the
- First release.