
BJ Lazy Load 是一個延遲加載的外掛,會讓網站內的圖片或 ifream 做延遲加載,在使用者滾動到圖片或 ifream 時才會載入。對於圖片較多的網站,使用 BJ Lazy Load,能夠有效提升網站速度。
當使用者在瀏覽網頁時,不是一次看到網站的全部,只有在瀏覽器所顯示的部分是載入的,其他不顯示的部分是不會載入。對於手機瀏覽器來說,不顯示的部分就更多了。
不顯示就不載入的做法,是減少瀏覽器的負擔,當使用者在瀏覽過程中瀏覽到該圖片或 ifream,才適當地載入。BJ Lazy Load 只需要啟用就可以減少圖片載入,當然有許多種方式可以減少,例如:壓縮圖片,但延遲載入是很常見的一種方式,不僅加快網頁出現速度,同時減少流量,達到效能優化的結果。
外掛資訊
作者:Bjørn Johansen
網址:https://wordpress.org/plugins/bj-lazy-load/
版本:1.0.6
外掛使用教學
設定
至「設定」下找尋「BJ Lazy Load」外掛,點擊進入
如下圖所示,設定頁面內可以依照情況讓管理者選擇延遲載入的設定。
基本上,保持預設即可,下面還是針對設定做說明:
-
Apply to content:在內容內啟用。
-
Apply to text widgets:在文字小工具內啟用。
-
Apply to post thumbnails:在文章縮圖內啟用。
-
Apply to gravatars:在大頭貼 ( gravatars ) 內啟用。
-
Lazy load images:啟用圖片延遲載入
-
Lazy load iframes:啟用內置框架 ( iframe ) 延遲載入。
-
Placeholder Image URL:圖片或內置框架未載入前顯示的圖片網址。
-
Skip images with classes:設置 class 以取消延遲載入。例如:no-lazy, lazy-ignore。
-
Threshold:當距離元素多少像素 ( pixels ) 時需要載入元素。
個別設定
BJ Lazy Load 啟用後,對於文章與頁面可以個別設定是否取消延遲載入,如以下圖片:
如果真的有必要針對個別頁面做設定,請把該選項打勾。