首次有效繪製

首次顯示內容所需時間 (FMP) 是 Lighthouse 報表「成效」部分追蹤的六項指標之一。每個指標都會擷取網頁載入速度的某些面向。

Lighthouse 會以秒為單位顯示 FMP:

Lighthouse 畫面首次有效顯示稽核作業的螢幕截圖

評估項目

畫面首次有效顯示所需時間是指網頁顯示主要內容的時間。首次可視畫面載入時間的原始分數,是指從使用者啟動網頁載入作業到網頁轉譯主要上方內容所需的時間 (以秒為單位)。基本上,FMP 會顯示繪製的時間,之後會發生最大的折頁上方版面配置變更。如要進一步瞭解 FMP 的技術細節,請參閱 Google 的「畫面首次有效顯示所需時間:以版面配置為準的做法」一文。

如果網頁上轉譯的第一部分內容包含不需捲動位置的內容,首次顯示內容所需時間 (FCP) 和 FMP 通常會相同。不過,如果 iframe 內有可捲動內容,這些指標可能會有所不同。當使用者可看見 iframe 中的內容時,FMP 會註冊,而 FCP 不會納入 iframe 內容。

Lighthouse 如何判定你的 FMP 分數

與 FCP 一樣,FMP 也是根據 HTTP 存檔資料庫的實際網站效能資料

如果 FMP 和 FCP 相同,則分數也相同。如果 FMP 發生在 FCP 之後 (例如網頁包含 iframe 內容時),FMP 分數會低於 FCP 分數。

舉例來說,假設 FCP 為 1.5 秒,FMP 為 3 秒。FCP 分數為 99,但 FMP 分數為 75。

下表說明如何解讀 FMP 分數:

FMP 指標
(以秒為單位)
顏色編碼 FMP 分數
(FCP HTTP 存檔百分比)
0 到 2 綠色 (快速) 75 到 100
2 到 4 橘色 (中度) 50 至 74
超過 4 人 紅色 (速度緩慢) 0–49

如何提高 FMP 分數

請參閱如何改善網站上的最大內容繪製時間。改善 FPM 的策略與改善最大內容繪製的策略大致相同。

在實際使用者的裝置上追蹤 FMP

如要瞭解如何評估使用者裝置上實際發生的 FMP,請參閱 Google 的「以使用者為中心的效能指標」頁面。「使用主打元素追蹤付費媒體曝光率」一節說明如何透過程式輔助方式存取 FCP 資料,並將資料提交至 Google Analytics。

如要進一步瞭解如何收集實際使用者指標,請參閱 Google 的「運用導覽和資源時機評估現實生活中的載入成效」一文。使用者載入時間標記和測量結果 Lighthouse 稽核可讓您在報表中查看使用者載入時間資料。

如何改善整體成效分數

除非有特定原因要著重於特定指標,否則通常建議著重於提升整體成效分數。

請參閱 Lighthouse 報表的「診斷」部分,判斷哪些改善項目對網頁最有價值。商機越重要,對成效分數的影響就越大。舉例來說,下列 Lighthouse 螢幕截圖顯示,移除造成轉譯阻斷的資源可帶來最大的改善:

Lighthouse:顯示多項稽核項目及其影響的「診斷」部分
Lighthouse:診斷專區

請參閱效能稽核,瞭解如何處理 Lighthouse 報表中指出的改善機會。

資源