前言介紹
- 這款 WordPress 外掛「Optimize More! – Images」是 2022-01-13 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2023-05-21,距離現在已有 713 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 5.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 4 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
lazyload | lazy load | pagespeed | performance | core web vitals |
內容簡介
一款輕量級但功能強大的圖片、 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 回退 – 提供使用
此外掛最多只會在資料庫中添加 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.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Optimize More! – Images」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.1 | 1.0.5 | 1.0.7 | 1.0.9 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | trunk |
延伸相關外掛(你可能也想知道)
EWWW Image Optimizer 》你是否對緩慢的網站感到沮喪?超大的圖片讓你感到 "噁心"?讓 EWWW Image Optimizer 儘可能幫助你的網站加速,提高跳出率並增強 SEO。最重要的是,讓訪客感到...。
Image Optimization by Optimole – Lazy Load, CDN, Convert WebP & AVIF, Optimize Images 》, Optimole的獨特之處在哪裡?, , 更小的圖片,同樣的品質, 完全自動化;設定一次就忘記它, 支援所有圖片格式, 支援Retina和WebP圖片, 以機器學習為基礎的自...。
LazyLoad Plugin – Lazy Load Images, Videos, and Iframes 》LazyLoad 是最好的 WordPress 免費 Image Lazy Load 外掛程式,可以在 WordPress 上延遲載入圖片、影片和 iframes。簡單來說,LazyLoad 會在圖片、影片和 ifr...。
NitroPack – Caching & Speed Optimization for Core Web Vitals, Defer CSS & JS, Lazy load Images and CDN 》NitroPack 是一個全方位的網站效能優化服務外掛,它包含了所有使網站加速所需的功能,包括圖片優化、代碼壓縮、快取、CDN (內容交付網路)、延遲載入等等。, ,...。
WordPress Infinite Scroll – Ajax Load More 》Ajax Load More是一款終極的WordPress無限滾動外掛,使用Ajax動力查詢載入文章、單篇文章、頁面、評論等等。, 使用Ajax Load More的短碼生成器建立複雜的自訂...。
Image Prioritizer 》### 總結:, 這個外掛通過優化圖片的加載,特別是 LCP(最大內容繪製時間)元素,包括 img 元素和帶有 CSS 背景圖像的元素。它還通過捕獲每個斷點的 LCP 元素...。
WP YouTube Lyte 》WP YouTube Lyte 可以讓您透過插入響應式「輕量級 YouTube 嵌入」方式進行「懶加載」視頻。這些看起來和感覺像是正常的 YouTube 嵌入,但只有在被點擊時才呼...。
Load More Products for WooCommerce 》透過 AJAX 以無限滾動方式或載入更多產品按鈕,從下一頁載入產品, 功能:, ✅ WooCommerce 產品的無限滾動, ✅ 載入更多產品按鈕或 AJAX 分頁, ...。
Lazy Load 》使用延遲載入圖片來提升網頁載入速度。使用 jQuery.sonar 只有當圖片在 viewport 內才載入。, 這個外掛是由 WordPress.com VIP 團隊、TechCrunch 2011 重製團...。
ShortPixel Adaptive Images – WebP, AVIF, CDN, Image Optimization 》ShortPixel Adaptive Images 是一款易於使用的外掛程式,讓您能夠在一分鐘內解決任何圖像相關問題,並提高您的網站核心網頁要素。通常,圖像是網頁上最消耗資...。
Lazy Load for Videos 》這個外掛改善了頁面加載時間,提高了你的 Google PageSpeed 指數。它與 oEmbed 配合使用,可以將嵌入的 YouTube 和 Vimeo 視頻替換為可點擊的預覽圖片。, 通...。
Disable Lazy Load 》, 這個外掛只有一個功能:關閉 WP 懶加載的功能。, , 啟用此外掛以關閉新的 WP 懶加載功能(添加在 WP 版本 5.5 中)。隨時可以停用此外掛以重新啟用懶加載功...。
True Lazy Analytics 》這個外掛可以啟用 Google Analytics、Facebook Pixel、Hotjar、Yandex Metrica(Yandex Metrika)和 Liveinternet 時間差載入(lazy loading)。不會降低 Pag...。
WP2Speed Faster – Optimize PageSpeed Insights Score 90-100 》自 2010 年以來,Google 就一直將頁面速度作為排名因素之一。2018 年,Google 通過 Pagespeed 更新進一步提高了標準。網站速度會影響用戶體驗和轉換率。, 為...。
Ajaxify Comments – Ajax and Lazy Loading Comments 》尋找新的外掛程式維護者 👀, 請注意,此外掛程式已不再維護或支援,我們正在尋找新的外掛程式維護者(請參閱我們的公告 這裡)。 , 介紹, 預設情況下,當使用...。