LiteSpeed Cache 媒體設定
媒體設定 - LiteSpeed Cache Page Optimization
延遲載入圖片
延遲載入圖片建議設定開啟,可縮短網頁加載時間。
Basic Image Placeholder
Basic Image Placeholder 會在圖片加載之前,於圖片位置顯示灰色背景,為圖片預留位置,Basic Image Placeholder 已被預設完成,因此我們無須做任何動作。
Responsive Placeholder
Responsive Placeholder 建議設定開啟,可在不同設備上(響應式)的圖片加載之前,為圖片預留位置,有助於減少累積佈局偏移,若圖片已有標示寬度和高度,將會預留與圖片相同大小的位置。
Responsive Placeholder Color
Responsive Placeholder Color 用來設定圖片預設位置的背景顏色。
LQIP Cloud Generator
LQIP Cloud Generator 可在高質量的圖片加載前,先顯示原始圖像,當高質量的圖片加載後取代原始圖像,若網站不是特別依賴視覺或圖片質量,建議維持關閉即可。
Lazy Load Iframes
Lazy Load Iframes 建議設定開啟,可縮短頁面加載時間。
Add Missing Sizes
Add Missing Sizes 建議開啟,在圖片上設置明確的寬度和高度,以減少佈局偏移並提高 CLS。
以上 LiteSpeed Cache 的媒體設定基本上設置完成了,其它設定維持預設即可,最後請記得儲存設定。