內容簡介
一款輕量級但功能強大的圖片、 iframe 和視頻優化外掛程式。
是 ThinkWeb 的效能套件 的一部分。
功能特色
懶加載 – 使用高效能的 lazysizes.js 懶加載圖片、iframe 和視頻。 不用 jQuery 。
預載精選圖片 – 自動從常見的頁面/文章（首頁、除首頁、單一文章和 Woocommerce 單一產品頁面）預載精選圖片。
使用 CDN 提供圖片 – 要從您喜愛的 CDN 提供圖片，則需要對 HTML 進行重寫。
添加遺漏的圖片尺寸 – 從您的圖片中添加遺漏的寬度和高度屬性。
新的（自 1.1.1）
將 no-lazy 和 skip-lazy 類添加為默認排除懶加載圖片的類別。
啟用 loading eager，也可以針對 no-lazy 和 skip-lazy 類進行應用。
如果啟用 預載精選圖片 功能，則自動排除精選圖片（添加 no-lazy 類別）以避免 Google Pagespeed Insights 中出現 最大內容繪畫圖片已被懶加載 警告。
將 webp 擴展名添加到 CDN HTML 重寫正則表達式中。
新的（自 1.0.7）
我們從 lozad.js 更改了懶加載庫為 lazysizes.js。
添加字段以修改 lazysize 的默認配置。請閱讀 文檔。
添加字段以指定寬度和高度後備值，如果添加遺漏的圖片尺寸功能無法獲取實際圖片尺寸。
新的（自 1.0.3）
懶加載 CSS 背景圖片 – 通過從 CSS background-image 屬性中懶加載背景圖片來更快地加載。已在 GenerateBlocks、Elementor 和 Oxygen Builder 的 CSS 背景圖像上進行測試並確定正常工作。
Noscript 回退 – 提供使用 <noscript> 回退機制以應用在懶加載圖片和 iframe 上。
添加 Loading Eager – 提供自動將 loading=eager 添加到懶加載排除列表的額外選項。
此外掛最多只會在資料庫中添加 1 個額外行。當刪除此外掛程式時，該行會自動刪除。
關於 Lazysizes
Lazysizes 是由 Alexander Farkas 使用純 JS 编写的高性能懶加載庫，无依赖性。
引自 lazysize’s 的 Github 描述：
高效能且 SEO 友好的圖片（響應式和普通）、iframe 等懶加載器，可以檢測到由用戶交互、CSS 或 JavaScript 引起的任何可見性變化而不需要配置。
更多優化!
需要其他優化？請嘗試我們的 WordPress 速度優化服務.
來自 ThinkWeb 的其他外掛
更多優化! – 選擇性優化您的 CSS / JS 交付：異步加載 CSS、延遲 CSRF 和 JavaScripts 至用戶交互、預先加載關鍵 CSS 和 JavaScripts，以及刪除未使用的 CSS 和 JavaScripts 文件..
外掛標籤
開發者團隊
原文外掛簡介
A lightweight yet powerful image, iframe, and video optimization plugin. Lazy load, preload, and more. No jquery dependency.
Features
Lazy Load – Lazy loading images, iframes, and videos, using the high performant lazysizes.js. No jquery dependency.
Preload Featured Images – Automatically preloading featured image from common page/post (homepage, pages except homepage, single post, and woocommerce single product pages).
Use CDN for Images – HTML rewrite if you want to serve images from your favorite CDN.
Add Missing Image Dimensions – Add missing width and height attributes from your images.
New (since 1.1.1)
Add no-lazy and skip-lazy class as default exclude class for lazyloading images.
Enable loading eager to also target no-lazy and skip-lazy class.
Automatically exclude featured image (add no-lazy class) from lazyloading if Preload Featured Images feature is enabled (useful to avoid Largest Contentful Paint image was lazily loaded warning in Google Pagespeed Insights ).
Add webp extension to CDN HTML rewrite regex.
New (since 1.0.7)
We changed the lazy load library from lozad.js to lazysizes.js.
Add field to modify lazysize default configuration. Read the docs.
Add fields to specify width and height fallback value if the Add Missing Image Dimensions feature failed to get the actual image dimension.
New (since 1.0.3)
Lazy load CSS Background Images – Load faster by lazy loading background images from the CSS background-image property. Tested and works well on CSS background image from GenerateBlocks, Elementor, and Oxygen Builder.
Noscript Fallback – Extra option to use
This plugin only adds 1 extra row in your database. And it will self delete upon uninstalation.
About Lazysizes
Lazysizes is highly performant lazy load library, written by Alexander Farkas in pure JS with no dependencies.
Taken from lazysize’s github description:
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
Optimize More!
Need to optimize more? Try our WordPress Speed Optimization’s Service.
Other USEFUL PLUGINS TO OPTIMIZE YOUR SITE’S SPEED:
Optimize More! – Selectively Optimize your CSS/JS Delivery: Load CSS Asynchronously, Delay CSS and JavaScripts until User Interaction, Preload Critical CSS and JavaScripts, and Remove Unused CSS and JavaScripts Files.
Lazyload, Preload, and more! – A simplified version of this plugin. The plugin size is only around 14kb zipped. Without UI for settings, but you can customize the settings using filters.
The default configuration is the best for optimizing images and other media files to speed up your site (just install and activate it and you’re good to go):
lazyload your below the fold images/iframes/videos,
preload your featured images,
and add loading=”eager” to your featured image and all images that have no-lazy or skip-lazy class.
Other USEFUL PLUGIN:
Shop Extra – A lightweight plugin to optimize your WooCommerce & Business site: Floating WhatsApp Chat Widget (can be use without WooCommerce), WhatsApp Order Button for WooCommrece, Hide/Disable WooCommerce Elements, WooCommerce Strings Translations, and many more.
Animate on Scroll – Animate any Elements on scroll using the popular AOS JS library simply by adding class names. This plugin helps you integrate easily with AOS JS library to add any AOS animations to WordPress. Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.
