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.
The Settings Page
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
loading attribute, 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.
- 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
- Added Settings Page
- Added Option to select the
- First release.