[WordPress] 外掛分享: Lazy Loading Feature Plugin

前言介紹

  • 這款 WordPress 外掛「Lazy Loading Feature Plugin」是 2020-01-28 上架。
  • 目前有 400 個安裝啟用數。
  • 上一次更新是 2020-03-19,距離現在已有 1874 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 5.3 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6.20 以上。
  • 有 6 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

azaozz | flixos90 | wordpressdotorg |

外掛標籤

Lazy Loading | feature-plugin |

內容簡介

「懶加載功能外掛」是由 WordPress 團隊維護的官方外掛,旨在測試自動將 loading HTML 屬性新增至支援其的圖片和其他元素。

有關 loading 屬性的更多資訊:
說明: https://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/img#attr-loading.
HTML 規格: https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading。

目前支援 loading 屬性的瀏覽器有:https://caniuse.com/#feat=loading-lazy-attr。

安裝並啟用外掛以進行測試。它將自動在所有新的和現有的文章、頁面和文字小工具的前端圖片中添加 loading="lazy" 屬性。

然後使用其中一個支援它的瀏覽器(如 Chrome、Opera、Firefox、Edge、Android 等)訪問網站。最好使用較慢的連接(如手機)進行測試,以及測試包含大量圖片的網頁(例如畫廊文章)。

測試事項

明顯的錯誤,例如遺失圖片。
在頁面加載後嘗試向下滾動。所有圖片應該在它們的位置上,並且頁面不應該在圖片加載時「跳動」。

開發人員注意事項

此外掛旨在進行測試。如果測試成功,這個功能將會被新增至 WordPress,但是程式碼可能會有所更改,甚至重大更改。

在進行測試時,請測試此外掛新增的篩選器,並在 https://github.com/WordPress/wp-lazy-loading 或 https://core.trac.wordpress.org/ticket/44427 上提供反饋。

原文外掛簡介

Lazy Loading Feature Plugin is an official plugin maintained by the WordPress team. It is intended for testing of automatically adding the loading HTML attribute to images and other elements that support it.
More information about the loading attribute:
Description: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading.
HTML Specification: https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading.
Currently the loading attribute is supported in the following browsers: https://caniuse.com/#feat=loading-lazy-attr.
To test, install and enable the plugin. It will automatically add loading="lazy" attributes to all images in all new and existing posts, pages, and text widgets on the front-end.
Then use one of the browsers that support it (Chrome, Opera, Firefox, Edge, Android, etc.) and visit the site. Best would be to test over a slower connection, with a phone, etc. and test web pages that have a lot of images, like gallery posts.
Things to look for

Obvious bugs, for example images are missing.
Try to scroll down as soon as the page loads. All images should be at their places, and the page shouldn’t “jump” when images are loaded.

Note to developers
This plugin is intended for testing. If the tests are successful, this functionality will be added to WordPress, but the exact code may change, perhaps significantly.
When testing, please also test the filters added by this plugin, and provide feedback at https://github.com/WordPress/wp-lazy-loading or at https://core.trac.wordpress.org/ticket/44427.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Lazy Loading Feature Plugin」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


最新版本

延伸相關外掛(你可能也想知道)

  • LazyLoad Plugin – Lazy Load Images, Videos, and Iframes 》LazyLoad 是最好的 WordPress 免費 Image Lazy Load 外掛程式,可以在 WordPress 上延遲載入圖片、影片和 iframes。簡單來說,LazyLoad 會在圖片、影片和 ifr...。
  • BJ Lazy Load 》延遲載入可使您的網站加載速度更快,並節省頻寬。, 此外掛可取代您所有的文章圖片、文章縮略圖、大頭貼圖片和內容的 iframe,並使用佔位圖片,當訪客滾動頁面...。
  • Lazy Loader 》這款懶加載外掛支援圖片、iFrame、影片和音訊元素,使用輕量級的 lazysizes 腳本。手動修改標記也可以實現懶加載背景圖片、腳本和樣式。, 以下元素會自動懶加...。
  • Lazy Load Optimizer 》這是一款懶加載圖片和 iframe 的外掛程式,可加速網站的頁面加載速度,並支援 WooCommerce。, 這個外掛程式使用lazysizes。這是目前最受歡迎、性能最佳且符合...。
  • Camera slideshow 》如果你正在尋找一個先進的 WordPress 幻燈片: Shortcodelic plugin bundle (它還包括許多其他功能:選項卡,手風琴,Google 地圖,價格表,頁面組合器……)...。
  • Speed Up – Lazy Load 》這個外掛實作了「慵懶載入」技術,僅當使用者滾動到網頁中需要顯示圖片或 iframe 時,才會開始下載它們,從而提升頁面載入速度和節省頻寬,且避免下載那些不...。
  • Disable Lazy Load 》這個簡單的外掛可以在網站上禁用懶載入功能,或只針對特定圖像禁用。, 設置, 啟用外掛後,到控制面板->設置->媒體,然後在懶載入設置下,您將找到以下...。
  • WPSocialite 》沒有人喜歡長時間的載入時間,但我們都希望能夠透過 Facebook、Twitter 和其他社交網路分享我們的內容。這些社交網路卻需要很長的載入時間。矛盾?不再!使用...。
  • Smart Image Loader 》Smart Image Loader 只會載入在網站初始視窗中可見的圖片,在任何位置 “Below the Fold”(超出目前視窗範圍)的圖片之前。這些圖片可以在可見圖...。
  • Piio – Make your Images Load Faster, Optimize Your Website & Boost Your SEO 》tructions below to install Piio:, , Upload the entire piio folder to the /wp-content/plugins/ directory., Activate the plugin through the 'Plugins'...。
  • Infinite Scroll Random Post 》ISRP (Infinite Scroll Random Post) 是一個 WordPress 外掛,, 該外掛可以實現文章頁面的 AJAX 連接(無限滾動)。, 當用戶滑動到文章底部時,下一篇文章就...。
  • Dominant Colors Lazy Loading 》這個外掛允許您在執行圖片懶加載時,將每個圖片的主要顏色作為預留區塊顯示,就像 Pinterest 或 Google Images。它還允許您使用微小縮略圖作為占位符。如果您...。
  • Lazy Optimization 》懶惰優化外掛是首個能夠懶加載外部 CSS 檔案中的背景圖像的 WordPress 外掛。, 懶惰優化外掛是在 Autoptimize 外掛的基礎上運作,用於懶加載 Autoptimize 外...。
  • Disable Default Lazy Loading 》安裝、啟用,就完成了。, 如果你想要停用 WordPress 的預設延遲載入功能,只需要安裝並啟用這個外掛。不需要額外的設定。, 有時候你可能想要停用 WordPress ...。
  • Remote API 》這個外掛的基本使用情境是對內容區塊進行延遲載入或是跨部落格操作。, 它包含一個簡單的延遲載入小工具範例,但主要是針對開發人員,希望在此功能上進行擴充...。

文章
Filter
Apply Filters
Mastodon