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

Lazy Load Optimizer

描述

Lazy loading images and iframes to speed up sites page load speed. Compatible with WooCommerce.
This plugin uses lazysizes – is the most popular, high performance and SEO friendly lazy loader for images.
Plugin 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 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>

评价

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!
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 !
阅读所有24条评价

贡献者及开发者

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

贡献者

「Lazy Load Optimizer」插件已被翻译至 1 种本地化语言。 感谢所有译者为本插件所做的贡献。

将“Lazy Load Optimizer”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

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