NG-Lazyload plugin replaces all the thumbails and images in the content with the smallest image possible (1 pixel gif) and then shows the full image only when it is in viewport.
The only plugin which also works with background images in style tag
Use WordPress’ Add New Plugin feature, searching “NG-Lazyload”, or download the archive and:
- Unzip the archive on your computer
- Upload plugin directory to the
- Activate the plugin through the ‘Plugins’ menu in WordPress
- No more actions required
For theme developers: add nglazyload class to html blocks with background images
to lazy-load them if they are stated in css file.
If html block has style=”background-image: url(…)” you don’t have to.
Contributors and Developers
“NG-Lazyload” is open source software. The following people have contributed to this plugin.Contributors
= 1.8 (2022-05-01)
* Tested up to 5.9.3
* Minor js updates
* Fixed one filters’ conflict
= 1.7 (2020-02-26)
* Tested up to 5.3.2
* Loads current and next viewport below
* Add ‘nglazyload’ class to your html block to hide its background images from preloading
- Tested up to 5.2.3
- jQuery noConflict script
- Slightly optimized js
- Added icon
- Now modifies style tags which have background-images. Useful when you have sliders like slick or owl caroussel.
- The First Upload, but was tested before at several sites
- Supports thumbnails, attachments and content