網站速度及效能:給企業東主的基礎知識。

「快」是什麼意思:三項 Core Web Vitals

Google 公布了三項衡量真實頁面體驗的指標,稱為 Core Web Vitals。當至少四分之三的真實訪問達到門檻,頁面在該指標上便被評為「良好」:

• 載入:最大內容繪製(LCP)。主要內容(通常是最大的圖片或標題)多快出現。良好為 2.5 秒或以下。
• 回應:互動至下次繪製(INP)。有人輕按或點擊時,頁面多快作出反應。良好為 200 毫秒或以下。
• 視覺穩定:累計版面位移(CLS)。載入期間內容會否移動,令輕按落在錯誤的按鈕上。良好為 0.1 或以下。

門檻由 Google 訂定,可能會修訂;請在 web.dev 查核現行數字。速度只是影響搜尋結果的眾多因素之一,沒有任何分數能保證排名。

頁面緩慢的常見原因

• 過大的圖片。直接來自相機的相片可達數兆位元組。請調整至顯示的尺寸、使用現代格式,並把折疊線以下的圖片稍後載入。
• 太多腳本。聊天視窗、分析、廣告追蹤碼、評價徽章及社交按鈕,每項都增加負擔及延遲。只保留物有所值的。
• 沉重的字體。中文字體很大。請使用系統字體,或經細心挑選的小型子集,並避免載入多種字重。
• 緩慢的託管或沒有快取。距離遠、負載過重或配置欠佳的伺服器令一切變慢。內容傳遞網絡可能有幫助。
• 網頁建構器及外掛程式,在每個頁面都載入整套工具。
• 頁面頂部的影片及輪播圖,往往是最沉重的元素。
• 會移動的版面。沒有預留空間的圖片及廣告,在載入時把文字推下去。

簡短的改善計劃

• 先處理圖片。壓縮並調整最大的幾張。單是這一步往往已帶來最大的改善。
• 移除沒有人使用的東西。舊外掛程式、不用的追蹤工具及重複的程式庫。
• 其餘延後載入。聊天、影片及分析在主要內容之後,或按需要才載入。
• 為圖片、嵌入內容及橫額預留空間,令版面不會跳動。
• 檢查託管及快取,並在有幫助時使用內容傳遞網絡。
• 訂立預算。例如「首頁必須維持在某個大小以下」,並在加入內容時檢查。

我們如何看待基礎,請參閱網站及網頁應用程式。

延伸閱讀

上線前可逐項核對上線準備清單。