[WordPress] 外掛分享: lazysizes

首頁外掛目錄 › lazysizes
700+
安裝啟用
★★★★★
5/5 分(6 則評價)
2044 天前
最後更新
問題解決
WordPress 3.9+ PHP 5.6+ v1.3.3 上架:2017-11-01

內容簡介

lazysizes 是一個 WordPress 外掛程式,專為高效能、友善的搜尋引擎優化並自動觸發的 lazyloader(同名)所設計。支援包括圖片(包括具有 srcset 和 picture 標籤的響應式圖片)、iframe、腳本/小工具等等。它還通過區分關鍵和接近視野元素來優先處理資源,以使感知效能提高更快。此外,您可以使用 Blurhash 演算法添加低分辨率/模糊的佔位圖片。

此外掛程式可透過在 WordPress 網站前端加載 lazysizes 腳本並將 src 和 srcset 屬性替換為 data-src 和 data-srcset,當載入文章或頁面時,lazysizes JavaScript 將根據需要動態載入圖片、iframe 等。您所需做的只是啟用此外掛程式,可能需要微調一些設定以適合您的喜好。

感謝 aFarkas 和貢獻者使得 lazysizes 库 可以實現,並讓我使用相同的名字。

同時感謝 dbhynds 創建了 Lazy Load XT 外掛程式,此外掛程式也是以此為基礎。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.3.3) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「lazysizes」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

lazysizes is a WordPress plugin for the high performance, SEO-friendly and auto-triggering lazyloader with the same name. Support includes images (including responsive images with srcset and the picture tag), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster. Additionally, you can add low-res/blurry placeholder images using the Blurhash algorithm.
This plugin works by loading the lazysizes script and replacing the src and srcset attributes with data-src and data-srcset on the front end of a WordPress site. When a post or page is loaded, the lazysizes javascript will load the images, iframes etc. dynamically when needed. All you need to do is to enable the plugin, and possibly tweak a few settings to your liking.
Thanks to aFarkas and contributors for making the lazysizes library possible, and for letting me use the same name.
Also thanks to dbhynds who made the Lazy Load XT plugin, which this plugin is based on.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon