網站效能：關於 Core Web Vitals

3 分鐘

Core Web Vitals 是一組由三項指標組成的集合，用於評估訪客瀏覽網站時的體驗。這些指標會衡量網站的載入時間、互動性及視覺穩定性。

Google 等搜尋引擎在決定網站排名時會考慮 Core Web Vitals。提升這些指標可增加網站於搜尋結果中的可見度，並改善訪客的瀏覽體驗。

Core Web Vitals 非常重要，因為這些指標會透過實際使用情況和訪客體驗的資料，以及來自模擬工作階段的實驗室資料來要比較的項目網站表現。這些指標會顯示網站目前的表現，並針對可能需要改進的部分提供深入解析。

Google 目前使用的三項 Core Web Vitals 指標如下：

這些核心指標與其他要比較的項目會累計為網站頁面提供整體評分。

LCP 指標用於衡量瀏覽器載入並顯示最大元件（不含背景圖片）所需的時間。

在努力改善 LCP 指標時，請參考以下資訊：

文字型 LCP 元件：對於文字型 LCP 元件，優先快速載入是金鑰。選擇系統字型可顯著提升表現。然而，若必須使用自訂字型，建議利用 WOFF2 格式以獲得最佳結果。
提示：若 LCP 依賴文字且包含自訂字型，請在 Studio 編輯器中啟用預設字型。
圖片型 LCP 元件：對於圖片型 LCP 元件，最好上傳 JPG 或 WebP 格式的圖片。特別是 JPG，可大幅減少檔案大小，比 PNG 輕多達 10 倍。
其他提示：若要簡化載入過程並提升訪客體驗，請保持網頁設計簡潔並盡量減少不必要的內容。請考慮將圖庫、影片和商店小工具等大型元件放置在首屏以下，以優先為關鍵內容提供更快的載入速度。請避免為 LCP 元件製作動畫，因為淡入等動畫效果僅在網站完全載入後才會開始。

提升與下個繪製內容互動時間（INP）指標包含簡化網站表現的簡單步驟。

檢閱新增至網站的任何第三方程式碼片段。您可透過「自訂程式碼設定」、「行銷整合」以及與「第三方應用程式」相關的指令碼，輕鬆檢閱並管理這些片段。請考慮移除任何無法為網站功能提供明確價值的程式碼。
限制每個頁面上的應用程式和小工具數量。頁面若載入過多應用程式和小工具，往往會變得更加複雜且容易出現問題。請盡可能簡化頁面，並避免過度使用對網站目的並非必要的應用程式和小工具。

改善累計版面配置轉移（CLS）指標包含進行簡單更改，以保持網站版面配置穩定。

請考慮重新整理網站的 DOM 順序：
- Wix 編輯器：DOM 順序會針對由左至右的語系自動進行結構化。然而，若網站使用阿拉伯文或希伯來文等由右至左的語系，則需在圖層面板中手動調整 DOM 順序。
- Studio 編輯器：Wix Studio 網站具有自動 DOM 順序，並可選擇透過圖層面板檢閱並調整組件順序。
更新廣告投放位置以盡量減少對 CLS 的影響。在頁面頂部放置橫幅廣告可能會破壞版面配置穩定性。相反地，請考慮將廣告組件放置在首屏以下（例如 Google AdSense 廣告），以減少 CLS 問題。