Helix專區

Helix專區提供 Helix3, Helix Ultimate 和 SP Page Builder 相關訊息與教學文件

Lazy Load 延遲載入,加快頁面載入的速度

會員評分:  5 / 5

啟用星號啟用星號啟用星號啟用星號啟用星號
 

Lazy Load 延遲載入,這個功能與概念在很多年前就已經有了。最近因為網頁載入速度又有一些討論,很多平台或套件也都逐漸加入延遲載入的功能。

網頁載入速度,會影響搜尋引擎的排名。所以,延遲載入就變得更重要了。

 

哪些東西需要延遲載入呢?

 

例如:

圖像(圖片)、影片、背景圖片、背景影片和 iframes ... 等,其中又以圖片佔最多數。

圖片對於網站來說是很有影響力的,除了美觀之外,也更容易吸引消費者。

 

延遲載入功能,讓網頁圖片不會一次全部載入,圖片會在使用者捲動網頁到含有圖片的區域時,才會將圖片載入。

所以,除了可以加快網頁載入的速度之外,也可以節省網路連線的流量(未瀏覽部份不會被載入)。對於行動裝置的使用者來說,因為載入的內容少,也相對可以更省電。

 

SP Page Builder 有提供延遲載入的設定,建議可以啟用它。

不過,比較舊的瀏覽器,例如:IE 11、Safari 10,不支援延遲載入,圖片會無法正常顯示。所以,請依自己的需要評估使用。 如果你要求的是速度,那就用吧!

 

 

Image

酷!只要有頁面範本,就可以做一個網站。SP Page Builder頁面編輯器 提供80種漂亮的版型、547個頁面讓你使用,幾分鐘就可建立網站頁面(範本持續增加)。

最新 Tech Agency 技術機構

uucar 救援小英雄

uucar 救援小英雄

汽車道路救援,24小時服務零距離
簡單定位搜尋,
快速找到可靠車廠,讓你輕鬆獲救!

 

LINE 官方帳號設計

EC9 LINE官方帳號設計

#LINE OA
#LINE API 外掛模組
#LINE 官方帳號設計
#LINE官方帳號與Web程式串接

 

payment fm paypayment 711 paypayment ecpaypayment paypalpayment masterpayment visa

加入LINE好友

line pic

給你最新的學習情報!

服務專線:04-23209259