[WordPress] 外掛分享： Be Lazy

前言介紹

  • 這款 WordPress 外掛「Be Lazy」是 2019-05-12 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2019-06-18，距離現在已有 2147 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

fayne |

外掛標籤

lazy | speed | images | loading | lazyload |

內容簡介

透過延時載入圖片，提高網站使用者體驗及 SEO 排名。

什麼是延時載入？

「延時載入是一項技術，它將非關鍵資源的載入推遲到頁面載入時間以後。而這些非關鍵資源會在需要時才載入。」
- Jeremy Wagner，Google 開發人員

換言之，
透過延時載入圖片，讓圖片異步載入，可以有條件地載入（例如，當它們在訪客的視窗內時）。這樣，您可以防止您的訪客下載他們永遠看不到的圖片。

有哪些優點？

對訪客而言，主要好處如下：

1. 較短的頁面載入時間

初始載入的資源減少，自然可以減少載入時間。當您的網站上有越多圖片，則效果更加明顯，可能會對訪客體驗及 SEO 排名產生重大影響。

2. 較小的頁面大小

有可能您的訪客不會從頂端滾動到底部，因此不會載入所有圖片。少載入幾張圖片對於無限制的連線可能不太重要。然而，對於在有流量限制的方案上瀏覽您的網站的訪客，可以避免他們浪費流量。再次，這是影響您的 SEO 排名的因素。

瀏覽器支援

Be Lazy 可以通過 IntersectionObserver API 的 polyfill 支援不支援該 API 的瀏覽器。因此，幾乎所有瀏覽器都得到支援。

✔ Google Chrome
✔ Mozilla Firefox
✔ Opera
✔ Microsoft Edge
✔ Microsoft Internet Explorer（7+）
✔ Safari（6+）
✔ Android 瀏覽器（4.4+）

原文外掛簡介

Enhance your website’s user experience and seo ranking by lazy loading images.
What is lazy loading?
«Lazy loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need.»
– Jeremy Wagner, Google Developer
In other words:
Lazy loading images makes them being loaded asynchronously which makes it possible to load them conditionally (e.g. when they are within the visitors’s viewport). In doing so, you will prevent your visitors from downloading images they would never see anyway.
What are the advantages?
The main advantages for your visitors are:
1. Reduced page load time
Having to initially load less resources, naturally reduces the loading duration. This will be more noticeable the more images you have on your website and may have a critical impact on your visitors’s experience as well as your SEO ranking.
2. Smaller page size
It’s possible that your visitors will not scroll down to the very bottom of the page and therefore not load all images. Having to load a few images less might not be relevant on unlimited connections. For visitors browsing your website on limited plans however, you’ll prevent them from wasting their data allowances. Again, this is a factor influencing your SEO ranking.
Browser support
Be Lazy uses a polyfill for browsers not supporting the IntersectionObserver API by default. As a result, pretty much any browser is supported.
✔ Google Chrome
✔ Mozilla Firefox
✔ Opera
✔ Microsoft Edge
✔ Microsoft Internet Explorer (7+)
✔ Safari (6+)
✔ Android Browser (4.4+)

各版本下載點

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

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

最新版本

延伸相關外掛（你可能也想知道）

  • Advanced Responsive Video Embedder for Rumble, Odysee, YouTube, Vimeo, Kick … 》這是最佳的 WordPress 影片外掛嗎？支援幾乎你所能想像的一切，同時保持易用性和簡單性。這很可能是你需要的唯一一個外掛，來處理 WordPress 網站上的影片嵌...。
  • Powerkit – Supercharge your WordPress Site 》我們已經開發高級 WordPress 主題幾年了，一直缺乏 WordPress 核心的基本功能。, 雖然 WordPress 庫中有許多插件，但如果全部安裝，其後台和前台風格不一致，...。
  • Disable Lazy Load 》, 這個外掛只有一個功能：關閉 WP 懶加載的功能。, , 啟用此外掛以關閉新的 WP 懶加載功能（添加在 WP 版本 5.5 中）。隨時可以停用此外掛以重新啟用懶加載功...。
  • Native Lazyload 》此外掛使用內建的瀏覽器功能來進行延遲加載媒體。如需了解更多關於新 loading 屬性的資訊，請參閱此處，或檢視 WordPress 核心票證中討論將類似的實作加入 Wo...。
  • Helper Lite for PageSpeed 》使用解碼屬性 “async” 和 “loading=”lazy”，加速您的網站中的 和