網站效能：Core Web Vitals 簡介

Core Web Vitals 是一組包含 3 項指標的標準，用來評估訪客瀏覽網站時的體驗。這些指標會評量網站的載入時間、互動性和視覺穩定性。

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

什麼是 Core Web Vitals？

Core Web Vitals 十分重要，因為這些指標會根據實際使用情況和訪客體驗的資料，以及模擬工作階段的實驗室資料來評量網站效能。這些指標會顯示網站目前的表現，並深入解析可能需要改善的部分。

Google 目前採用以下 3 項 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 問題。