[{"name":"LazyLoad Background Images","slug":"lazyload-background-images","version":"1.0.7","author":"Proloy Bhaduri","author_profile":"https://profiles.wordpress.org/proloybhaduri/","requires":"5.2","tested":"6.5.5","requires_php":"7.2","requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"downloaded":5448,"last_updated":"2024-03-31 7:09am GMT","added":"2022-07-30","homepage":"","sections":{"description":"

This plugin will delay the loading of background images in your website and thus helps boosting the website loading time by reducing total number of HTTP requests.

Quick Notes & Links

Do not lazyload background images which are peresent above the fold because this will increase time to First Contentful Paint(FCP) metric and affect the speed of your website .
Background images that are added using inline CSS e.g, <p style=\" background-image: url( path/to/background-img.jpg )\" > </p> are lazyloaded by this plugin by default .
No dependencies required for this plugin to work.
No extra HTTP request
Add the selectors of the elements that have background images in the plugin settings page or add lazyload-bg class to the element .
WordPress Tips and Tricks By Proloy Bhaduri
Buy me a Coffee

Works smoothly with almost every page builders

Exclude certain inline background images from lazy loading using filter hook `lazyload_inline_bg_excludes`

add_filter(‘lazyload_inline_bg_excludes’,function($exclude_keywords){
\n $exclude_keywords = [
\n ‘bg-image.jpg’,
\n ‘class-name’,
\n ‘id’,
\n ‘or any unique keyword that the element with background image has’
\n ];
\n },10,1);

Note: Add the above code to the functions.php file of your active theme/child theme or using a code snippets plugin.

\n","installation":"

This section describes the way you can install the plugin

You can directly install the plugin from wordpress admin screen of your site Plugins > Add New and search For Lazyload Background Images .
Alternatively you can download the plugin file from the WordPress.org and upload to your site via Plugins > Add New > Upload Plugin
Go to Settings > Lazy Backgrounds

\n","changelog":"

1.0.7

Enhancement: Filter hook lazyload_inline_bg_excludes to exclude certain inline background images from lazy loading
Fix: A deprecated notice while matching selectors

1.0.6

Fixed some compatibility issues

1.0.5

Fix: Error Notice

1.0.4

Feature : Added support for Beaver , WP Bakery , Avada , Block editor

1.0.3

Fixed page builders issue

1.0.2

Added support for different page builders viz. Oxygen , Divi, Bricks and Breakdance

1.0.1

Updated readme.txt

1.0.0

Initial release

\n"},"short_description":"Helps deferring offscreen background images and improves website speed by reducing HTTP requests .","download_link":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.7.zip","screenshots":[],"tags":{"backgound-images-lazyload":"backgound-images-lazyload","lazybg":"lazybg","lazyload":"lazyload","lazyload-bg":"lazyload-bg","speed-optimization":"speed optimization"},"versions":{"1.0.0":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.0.zip","1.0.1":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.1.zip","1.0.2":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.2.zip","1.0.3":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.3.zip","1.0.4":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.4.zip","1.0.5":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.5.zip","1.0.6":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.6.zip","1.0.7":"https://downloads.wordpress.org/plugin/lazyload-background-images.1.0.7.zip","trunk":"https://downloads.wordpress.org/plugin/lazyload-background-images.zip"},"donate_link":"https://www.buymeacoffee.com/proloybhaduri/","icons":{"1x":"https://ps.w.org/lazyload-background-images/assets/icon-128×128.gif?rev=2763821","2x":"https://ps.w.org/lazyload-background-images/assets/icon-256×256.gif?rev=2763821"}}]

lazybg

LazyLoad Background Images

Get New Themes & Resources