這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 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