{"id":160703,"date":"2022-07-30T11:33:38","date_gmt":"2022-07-30T11:33:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/lazyload-background-images\/"},"modified":"2024-03-31T07:09:31","modified_gmt":"2024-03-31T07:09:31","slug":"lazyload-background-images","status":"closed","type":"plugin","link":"https:\/\/de.wordpress.org\/plugins\/lazyload-background-images\/","author":18521233,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.7","stable_tag":"1.0.7","tested":"6.5.8","requires":"5.2","requires_php":"7.2","requires_plugins":null,"header_name":"LazyLoad Background Images","header_author":"Proloy Bhaduri","header_description":"Helps deferring offscreen background images and improves website speed by reducing HTTP requests","assets_banners_color":"ec6634","last_updated":"2024-03-31 07:09:31","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.buymeacoffee.com\/proloybhaduri\/","header_plugin_uri":"","header_author_uri":"https:\/\/proloybhaduri.com","rating":5,"author_block_rating":0,"active_installs":300,"downloads":6158,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"proloybhaduri","date":"2022-07-31 05:19:35"},"1.0.1":{"tag":"1.0.1","author":"proloybhaduri","date":"2022-07-31 05:22:20"},"1.0.2":{"tag":"1.0.2","author":"proloybhaduri","date":"2023-01-10 08:31:56"},"1.0.3":{"tag":"1.0.3","author":"proloybhaduri","date":"2023-01-16 14:39:32"},"1.0.4":{"tag":"1.0.4","author":"proloybhaduri","date":"2023-01-16 14:39:32"},"1.0.5":{"tag":"1.0.5","author":"proloybhaduri","date":"2023-10-17 10:08:57"},"1.0.6":{"tag":"1.0.6","author":"proloybhaduri","date":"2024-02-05 05:10:15"},"1.0.7":{"tag":"1.0.7","author":"proloybhaduri","date":"2024-03-31 07:09:31"}},"upgrade_notice":{"1.0.2":"<p>Upgrade the plugin to the latest 1.0.2 version to get  all the bug fixes and new features .<\/p>","1.0.1":"<p>Upgrade the plugin to the latest 1.0.1 to get most of the fixes<\/p>","1.0.0":"<p>Update to the latest version<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128\u00d7128.gif":{"filename":"icon-128\u00d7128.gif","revision":2763821,"resolution":"128x128","location":"assets","locale":""},"icon-256\u00d7256.gif":{"filename":"icon-256\u00d7256.gif","revision":2763821,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2763821,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2763821,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[212543,212541,1466,212542,71058],"plugin_category":[],"plugin_contributors":[212544],"plugin_business_model":[],"class_list":["post-160703","plugin","type-plugin","status-closed","hentry","plugin_tags-backgound-images-lazyload","plugin_tags-lazybg","plugin_tags-lazyload","plugin_tags-lazyload-bg","plugin_tags-speed-optimization","plugin_contributors-proloybhaduri","plugin_committers-proloybhaduri"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/lazyload-background-images_ec6634.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h3>Quick Notes &amp; Links<\/h3>\n\n<ol>\n<li>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 . <\/li>\n<li>Background images that are added using inline CSS e.g, <code>&lt;p style=\" background-image: url( path\/to\/background-img.jpg )\" &gt; &lt;\/p&gt;<\/code> are lazyloaded by this plugin by default . <\/li>\n<li>No dependencies required  for this plugin  to work. <\/li>\n<li>No extra HTTP request <\/li>\n<li>Add the selectors of the elements that have background images in the plugin settings page  or add <code>lazyload-bg<\/code> class to the element .<\/li>\n<li><a href=\"https:\/\/proloybhaduri.com\/\" title=\"WordPress Tips and Tricks by Proloy Bhaduri\">WordPress Tips and Tricks By Proloy Bhaduri<\/a><\/li>\n<li><a href=\"https:\/\/www.buymeacoffee.com\/proloybhaduri\/\" title=\"Support Proloy Bhaduri\">Buy me a Coffee<\/a><\/li>\n<\/ol>\n\n<h4>Works smoothly with almost every page builders<\/h4>\n\n<h3>Exclude certain inline background images from lazy loading using filter hook <code>lazyload_inline_bg_excludes<\/code><\/h3>\n\n<p>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);<\/p>\n\nNote: Add the above code to the <code>functions.php<\/code> file of your active theme\/child theme or using a code snippets plugin.\n\n<!--section=installation-->\n<p>This section describes the way you can install the plugin<\/p>\n\n<ul>\n<li>You can directly install the plugin from wordpress admin screen of your site <strong>Plugins &gt; Add New<\/strong> and search For <em>Lazyload Background Images<\/em> . <\/li>\n<li>Alternatively you can download the plugin file from the WordPress.org  and upload to your site via  <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>  <\/li>\n<li>Go to <strong>Settings &gt; Lazy Backgrounds<\/strong><\/li>\n<\/ul>\n\n<!--section=changelog-->\n<h4>1.0.7<\/h4>\n\n<ul>\n<li>Enhancement: Filter hook <code>lazyload_inline_bg_excludes<\/code> to exclude certain inline background images from lazy loading<\/li>\n<li>Fix: A deprecated notice while matching selectors<\/li>\n<\/ul>\n\n<h4>1.0.6<\/h4>\n\n<ul>\n<li>Fixed some compatibility issues <\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Fix: Error Notice <\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Feature : Added support for Beaver , WP Bakery , Avada , Block editor <\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Fixed page builders issue <\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Added support for different page builders viz. Oxygen , Divi, Bricks and  Breakdance <\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Updated readme.txt<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Helps deferring offscreen background images and improves website speed by reducing HTTP requests .","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/160703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=160703"}],"author":[{"embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/proloybhaduri"}],"wp:attachment":[{"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=160703"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=160703"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=160703"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=160703"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=160703"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/de.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=160703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}