LazyLoad Background Images

外掛說明

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

  1. 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 .
  2. 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 .
  3. No dependencies required for this plugin to work.
  4. No extra HTTP request
  5. Add the selectors of the elements that have background images in the plugin settings page or add lazyload-bg class to the element .
  6. WordPress Tips and Tricks By Proloy Bhaduri
  7. 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){
$exclude_keywords = [
‘bg-image.jpg’,
‘class-name’,
‘id’,
‘or any unique keyword that the element with background image has’
];
},10,1);

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

安裝方式

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

使用者評論

2022 年 7 月 31 日
Works perfectly after activating. I can see the difference in the speed of my website. Nice job!
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈LazyLoad Background Images〉的開發相關工作。

參與者

將〈LazyLoad Background Images〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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