這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Zedna WP Image Lazy Load

外掛說明

Decreasing page load time by progressive loading of images and other elements. They will load just when reach visible part of screen. Lazy loading can be also applied on themes.

Plugin affect these elements:

  1. <img> element

  2. CSS property background-image

  3. responsive images with srcset attribute

  4. <iframe> element

  5. <video> element

Features:

-reduce up to 90% of page load time, depends on elements amount

-compatible with Visual Composer

-compatible with WooCommerce

-you can choose to skip all iframes or just one in specific element

-you can choose to skip specific elements with some class

-you can show elements earlier or later than are visible on the screen

-optional fade in animation

螢幕擷圖

  • Speed test example

安裝方式

  1. Upload wp-image-lazy-load folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

常見問題集

Do i need to modify my website or plugin to make it work on my custom theme?

No, this plugin can be used without any modifications or requirements. It´s using general tags for images, background images, iframes and videos.

How does it work?

Elements that are most slowing the page load are removed and added separately depending on user´s journey.

Does it support ads services?

Unfortunately Ad services like Google Adsense and similiar causing iframe blinking when scrolling. Please use Skip parent element option for ads.

Can i use embed elements?

Yes, embed elements are OK, but there could be a random bug when using embed Google maps. All images below Google map might be loaded earlier.

Why is plugin using !important priority for background-images?

This is used only when Visual Composer is active on your website, to override VC´s styles.

使用者評論

2019 年 7 月 29 日
There are places on the page where the functionality of the page is stopped.
2018 年 2 月 3 日
El mejor sin duda, el único que me mantiene el marcado HTML de las imágenes responsivas, los demás que he probado solo mantenían el src y eliminaban el srcset. Lo único que le echo en falta es mantener la proporción de las imágenes que no son visibles para evitar los saltos de contenido.
閱讀全部 16 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Zedna WP Image Lazy Load〉的開發相關工作。

參與者

Zedna WP Image Lazy Load 外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Zedna WP Image Lazy Load〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.6.3.3

  • Fixed logic for checkking skipped class (thanks @julix91 for contribution)

1.6.3.2

  • Option for JS & PHP lazy loading

1.6.3.1

  • Fixed background images loading

1.6.3

  • Added PHP lazy loading
  • Option to modify theme files automatically to lazy load images (not background images)

1.6.2.3

  • Fixed wrong skipping of elements

1.6.2.2

  • IE backwards compatibility

1.6.2.1

  • Fixed error in console log caused by SVG images

1.6.2

  • Option to add multiple classes
  • Code refactoring

1.6.1

  • Added translations

1.6

  • Visual Composer compatibility only if needed
  • Code refactoring

1.5.1

  • Fixed srcet initial loading
  • Skip gradient background
  • Compatibility with Visual Composer

1.5

  • Skip specific element option

1.4

  • Video support

1.3.1

  • Code performance
  • Fixed opacity on visible images and iframes
  • Number validation added to settings

1.3

  • Fixed retrieving images in visible part on page load

1.2

  • Added fade in effect

1.1

  • Fixed retrieving responsive image srcset
  • Added options to skip on or all iframes
  • Added option to show elements earlier or later than are visible

1.0

  • First version