Title: Lazy Load Optimizer
Author: Processby
Published: <strong>2018 年 11 月 23 日</strong>
Last modified: 2021 年 1 月 16 日

---

搜索插件

![](https://ps.w.org/lazy-load-optimizer/assets/banner-772x250.jpg?rev=2082222)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/lazy-load-optimizer/assets/icon-256x256.jpg?rev=2082222)

# Lazy Load Optimizer

 作者：[Processby](https://profiles.wordpress.org/processby/)

[下载](https://downloads.wordpress.org/plugin/lazy-load-optimizer.zip)

 * [详情](https://cn.wordpress.org/plugins/lazy-load-optimizer/#description)
 * [评价](https://cn.wordpress.org/plugins/lazy-load-optimizer/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/lazy-load-optimizer/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/lazy-load-optimizer/#developers)

 [支持](https://wordpress.org/support/plugin/lazy-load-optimizer/)

## 描述

Lazy loading images and iframes to speed up sites page load speed. Compatible with
WooCommerce.
 This plugin uses [lazysizes](https://github.com/aFarkas/lazysizes)–
is the most popular, high performance and SEO friendly lazy loader for images. [Plugin demo](https://processby.com/lazy-load-wordpress/#gallery-demo)

#### Features

 * Lazy loading images inserted in posts, pages, custom post types, text widgets;
 * Lazy loading image gallery, image widget, image gallery widget;
 * Lazy loading product images, product category images in WooCommerce;
 * Lazy loading iframes;
 * Improves [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)
   Results, fixes error “defer offscreen images”;
 * Lightweight and fast.

## 屏幕截图

 * [[
 * Lazy Load Optimizer settings

## 安装

 1. Unzip the downloaded zip file.
 2. Upload the plugin folder into the `wp-content/plugins/` directory of your WordPress
    site.
 3. Activate `Lazy Load Optimizer` from Plugins page

## 常见问题

### How to use?

Just activate the plugin. Additional settings is not required.

### What is lazy loadind?

Lazy loading is the strategy of loading resources as they are needed, rather than
in advance. This approach frees up resources during the initial page load and avoids
loading assets that are never used.
 Images that are offscreen during the initial
pageload are ideal candidates for this technique.

### How To minimize content jumping or unpredictable behavior images before loading?

Add width and height attributes to image.

    ```
    <img width="200" height="100" src="image.jpg">
    ```

### How to lazyload a background image?

In case you want to lazyload a background image via a class you can do so by using
the addClasses option:

    ```
    <style>
            .bg-stage.lazyloaded {
                background-image: url(lazyloaded-bg.jpg);
            }
          </style>

          <div class="bg-stage lazyload">
            <!-- content -->
          </div>
    ```

## 评价

![](https://secure.gravatar.com/avatar/4970072a0907995c8991104ab4da1ccf5348fd2f0d2077188378982dea16e872?
s=60&d=retro&r=g)

### 󠀁[Don’t use](https://wordpress.org/support/topic/dont-use-19/)󠁿

 [Posandu](https://profiles.wordpress.org/posandu/) 2022 年 5 月 6 日

don’t use

![](https://secure.gravatar.com/avatar/0fd10d9b4a3cb374d85347ac5bf07122e130eb4f7a5199ea3f68303214141d69?
s=60&d=retro&r=g)

### 󠀁[403 in every png upload](https://wordpress.org/support/topic/403-in-every-png-upload/)󠁿

 [nickdesignz](https://profiles.wordpress.org/nickdesignz/) 2022 年 2 月 17 日

This tool generates also a code which adds a src to your png, this source is a 403;
src="//www.w3.org/2000/svg%22%20viewBox=%220%200%201228%20294%22%3E%3C/svg%3E" class
="attachment-full size-full lazyload" Source is invalid which causes many 403 errors
on your site. ALSO: It’s not necessary to link to another source on a third plattform.
This is just slowing down your site. Don’t install!

![](https://secure.gravatar.com/avatar/833f925704d6ea1217b36695ad9322df0da71991c65aeaab3a1763bc7d1b39e4?
s=60&d=retro&r=g)

### 󠀁[Great Plugin for saving time](https://wordpress.org/support/topic/great-plugin-for-saving-time/)󠁿

 [rmstm](https://profiles.wordpress.org/rmstm/) 2021 年 10 月 27 日

This plug-in will transform all your actual PNG media to WebP + automatically transform
them in WebP when downloading new loud formats, in a beautiful manner. Simple in
the presentation but powerful in the application. I recommend it a lot !

![](https://secure.gravatar.com/avatar/35318ef78dbdbcdf3a7733a75c96c8947d05e7eb8fb45e8aa129b4b2e8470218?
s=60&d=retro&r=g)

### 󠀁[i love you](https://wordpress.org/support/topic/i-love-you-30/)󠁿

 [jalo399](https://profiles.wordpress.org/jalo399/) 2020 年 10 月 3 日

speed page incrase

![](https://secure.gravatar.com/avatar/e5d0b39f63935c5701dafce4ea7f1e7cd223574ea14600aa7b37dd9e6a41b957?
s=60&d=retro&r=g)

### 󠀁[Best plugin for lazy images!](https://wordpress.org/support/topic/best-plugin-for-lazy-images/)󠁿

 [kazmetika](https://profiles.wordpress.org/kazmetika/) 2020 年 8 月 27 日

Works with ajax pagination. Reserve space for images and when the image appears 
content doesn’t move.

![](https://secure.gravatar.com/avatar/3020a24c0031e31be0aa53847e7222b35b04ecda9d5a8778ae477893f4b739aa?
s=60&d=retro&r=g)

### 󠀁[best Lazy load plugin](https://wordpress.org/support/topic/best-lazy-load-plugin-7/)󠁿

 [shayt](https://profiles.wordpress.org/shayt/) 2020 年 7 月 10 日

you can change the margin, you can lazy load background images. The best.

 [ 阅读所有24条评价 ](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/)

## 贡献者及开发者

「Lazy Load Optimizer」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Processby ](https://profiles.wordpress.org/processby/)

「Lazy Load Optimizer」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/lazy-load-optimizer/contributors)
为本插件所做的贡献。

[帮助将「Lazy Load Optimizer」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/lazy-load-optimizer)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/lazy-load-optimizer/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/lazy-load-optimizer/)，或通过[RSS](https://plugins.trac.wordpress.org/log/lazy-load-optimizer/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/lazy-load-optimizer/)。

## 更新日志

#### 1.4.7

Release Date: Jan 17, 2021

 * Compatibility with WordPress 5.6

#### 1.4.6

Release Date: Apr 19, 2020

 * Update – lazysizes – v5.2.0
 * Compatibility with WordPress 5.4
 * Compatibility with WooCommerce 4.0

#### 1.4.5

Release Date: Jul 12, 2019

 * Fix bug with image width

#### 1.4.4

Release Date: Jun 29, 2019

 * Improved Lazy Load styles

#### 1.4.3

Release Date: Jun 25, 2019

 * Improved Lazy Load styles

#### 1.4.2

Release Date: Jun 07, 2019

 * Optimized styles

#### 1.4.1

Release Date: Jun 02, 2019

 * Fix – bug with iframes

#### 1.4.0

Release Date: Jun 01, 2019

 * Update – lazysizes – v5.1.0
 * Add – Lazyloading all template images

#### 1.3.4

Release Date: May 04, 2019

 * Fix – bugs

#### 1.3.3

Release Date: May 01, 2019

 * Add – Exclude pages by Category, Tag
 * Fix – bugs

#### 1.3.2

Release Date: Apr 28, 2019

 * Add – Exclude pages by Page Type

#### 1.3.1

Release Date: Mar 10, 2019

 * Add – Exclude pages by URI

#### 1.3.0

Release Date: Feb 10, 2019

 * Add – lazy loading for iframes

#### 1.2.5

Release Date: Feb 10, 2019

 * Fix – bugs

#### 1.2.4

Release Date: Feb 06, 2019

 * Fix – bugs

#### 1.2.3

Release Date: Jan 22, 2019

 * Add – CSS classes to exclude lazy load avatar

#### 1.2.2

Release Date: Jan 04, 2019

 * Add – CSS classes to exclude

#### 1.2.1

Release Date: Dec 31, 2018

 * Fix – bugs

#### 1.2.0

Release Date: Dec 31, 2018

 * Add – Init setting
 * Add – Exp. factor setting
 * Fix – bug with Rss

#### 1.1.9

Release Date: Dec 29, 2018

 * Add – Expand setting
 * Add – filter “lazy_load_styles”

#### 1.1.8

Release Date: Dec 19, 2018

 * Improved lazy load styles

#### 1.1.7

Release Date: Dec 19, 2018

 * Improved settings

#### 1.1.6

Release Date: Dec 17, 2018

 * Add – Transparent background

#### 1.1.5

Release Date: Dec 17, 2018

 * Add – Translation-ready

#### 1.1.4

Release Date: Dec 16, 2018

 * Fix – bugs

#### 1.1.3

Release Date: Dec 16, 2018

 * Add – spinner size setting

#### 1.1.2

Release Date: Dec 16, 2018

 * Lazysizes update
 * Add – Custom spinner

#### 1.1.1

Release Date: Dec 14, 2018

 * Add – Background color setting

#### 1.1

Release Date: Dec 13, 2018

 * Add – Lazy Load styles

#### 1.0.6

Release Date: Dec 12, 2018

 * Fix – Bug with data-src

#### 1.0.5

Release Date: Dec 10, 2018

 * Added WordPress 5.0 support

#### 1.0.4

Release Date: Nov 26, 2018

 * Added support Text Widget

#### 1.0.3

Release Date: Nov 25, 2018

 * Fix bug with srcset

#### 1.0.2

Release Date: Nov 23, 2018

 * Fix bug with srcset in post content

#### 1.0.1

Release Date: Nov 23, 2018

 * Fixes bugs

#### 1.0

Release Date: Nov 23, 2018

 * Initial release

## 额外信息

 *  版本 **1.4.7**
 *  最后更新：**5 年前**
 *  活跃安装数量 **3,000+**
 *  WordPress 版本 ** 4.0 或更高版本 **
 *  已测试的最高版本为 **5.6.17**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/lazy-load-optimizer/) 和 [Russian](https://ru.wordpress.org/plugins/lazy-load-optimizer/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/lazy-load-optimizer)
 * 标签
 * [image lazy load](https://cn.wordpress.org/plugins/tags/image-lazy-load/)[lazy load](https://cn.wordpress.org/plugins/tags/lazy-load/)
   [Lazy Loading](https://cn.wordpress.org/plugins/tags/lazy-loading/)[lazyload](https://cn.wordpress.org/plugins/tags/lazyload/)
   [Optimize](https://cn.wordpress.org/plugins/tags/optimize/)
 *  [高级视图](https://cn.wordpress.org/plugins/lazy-load-optimizer/advanced/)

## 评级

 4.4 星（最高 5 星）。

 *  [  19 条 5 星评价     ](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/?filter=5)
 *  [  1 条 4 星评价     ](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/?filter=4)
 *  [  1 条 3 星评价     ](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/?filter=2)
 *  [  3 条 1 星评价     ](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/lazy-load-optimizer/reviews/)

## 贡献者

 *   [ Processby ](https://profiles.wordpress.org/processby/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/lazy-load-optimizer/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.com/donate/?hosted_button_id=C28JNE5JS75X4)