2015年10月10日 星期六

BJ Lazy Load - 延遲加載,為網站節省流量並且加速

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 啟用後,對於文章與頁面可以個別設定是否取消延遲載入,如以下圖片:
如果真的有必要針對個別頁面做設定,請把該選項打勾。

0 意見:

張貼留言