延遲載入是讓圖片、影片、嵌入內容等到訪客捲動到附近才開始下載,而不是一打開頁面就全部抓完。長頁面第一眼能更快出現,也省下沒被看到的流量。WordPress 已經內建圖片的延遲載入,最佳化外掛則提供更進一步的版本,有些還會把 JavaScript 也延後到訪客操作時才載入。
它是提升手機速度分數的常用手段,但要用對地方:
- 首屏的主視覺、輪播第一張也被延遲,反而讓最大的內容顯示得更慢
- 靠 JavaScript 做的延遲載入,一遇到腳本衝突,圖片就一片空白
- 延遲 JS 讓選單、預約元件、追蹤像素來不及啟動
常見的坑:遇到只有手機破圖或功能失靈,先暫停延遲載入測試,恢復了就把出事的圖片或腳本排除。
WPTOOLBEAR網站工具熊