BJ Lazy Load 是一個延遲加載的外掛,會讓網站內的圖片或 ifream 做延遲加載,在使用者滾動到圖片或 ifream 時才會載入。對於圖片較多的網站,使用 BJ Lazy Load,能夠有效提升網站速度。
當使用者在瀏覽網頁時,不是一次看到網站的全部,只有在瀏覽器所顯示的部分是載入的,其他不顯示的部分是不會載入。對於手機瀏覽器來說,不顯示的部分就更多了。
不顯示就不載入的做法,是減少瀏覽器的負擔,當使用者在瀏覽過程中瀏覽到該圖片或 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 ) 時需要載入元素。
0 意見:
張貼留言