LiteSpeed Cache 媒體設定

媒體設定 - LiteSpeed Cache Page Optimization

延遲載入圖片

延遲載入圖片建議設定開啟,可縮短網頁加載時間。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

Basic Image Placeholder

Basic Image Placeholder 會在圖片加載之前,於圖片位置顯示灰色背景,為圖片預留位置,Basic Image Placeholder 已被預設完成,因此我們無須做任何動作。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

Responsive Placeholder

Responsive Placeholder 建議設定開啟,可在不同設備上(響應式)的圖片加載之前,為圖片預留位置,有助於減少累積佈局偏移,若圖片已有標示寬度和高度,將會預留與圖片相同大小的位置。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

Responsive Placeholder Color

Responsive Placeholder Color 用來設定圖片預設位置的背景顏色。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

LQIP Cloud Generator

LQIP Cloud Generator 可在高質量的圖片加載前,先顯示原始圖像,當高質量的圖片加載後取代原始圖像,若網站不是特別依賴視覺或圖片質量,建議維持關閉即可。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

Lazy Load Iframes

Lazy Load Iframes 建議設定開啟,可縮短頁面加載時間。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

Add Missing Sizes

Add Missing Sizes 建議開啟,在圖片上設置明確的寬度和高度,以減少佈局偏移並提高 CLS。

Amazon Web Services 雲端管理 – 台灣 AWS 雲端託管、AWS MSP 雲端託管供應商|遠振資訊
 

以上 LiteSpeed Cache 的媒體設定基本上設置完成了,其它設定維持預設即可,最後請記得儲存設定。