隆重推出 Lighthouse 3.0

Lighthouse 標誌。

Lighthouse 3.0 已發布!3.0 版的功能加快稽核速度、差異較低,並提供新版報表 UI、新稽核功能等。

如何更新至 3.0

  • CLI。執行 npm install -g lighthouse@next
  • 節點。執行 npm install lighthouse@next
  • Chrome 擴充功能。您的擴充功能應會自動更新至 3.0 版。
  • Chrome 開發人員工具。Lighthouse 3.0 版將適用於 Chrome 69 版。

加快稽核速度,但差異不大

Lighthouse 3.0 能更快完成稽核,且每次執行之間的差異較小,但因為有一些異動:

  • 模擬節流。先前 Lighthouse 在執行稽核之前,實際上會先限制頁面。Lighthouse 現在使用名為 Lantern 的全新內部稽核引擎,在一般網路和 CPU 設定下執行稽核作業,然後估算頁面在行動裝置條件下載入的時間。
  • 等候期較短:為了判斷頁面是否已載入完畢,Lighthouse 需要等待網路和 CPU 沒有任何活動。這個等候期在 v3 中較短。

新版報表使用者介面

Lighthouse 3.0 採用 Lighthouse 與 Chrome 使用者體驗 (研究與設計) 團隊合作,推出全新的報表使用者介面。

Lighthouse 3 報告在 Gmail 上執行
圖 1. Lighthouse v3 報告是根據 Gmail 的「關於」頁面執行

叫用變更

Lighthouse 節點版本現在支援與 CLI 版本相同的設定選項。這可能是破壞性變更,具體取決於您在 v2 中設定 Node Lighthouse 模組的方式。詳情請參閱叫用變更

得分變更

Lighthouse 3.0 版效能稽核變更的評分模型。50 分代表第 75 個百分位數,100 分代表第 98 個百分位數,也就是傳回結果下降的點。

效能分數是成效稽核的加權平均值。第 3 版中的稽核權重也會改變。

稽核名稱 v2 權重 v3 權重
首次顯示內容所需時間 (v3 版新功能) 不適用 3
首次有意義的繪製 5 1
首次 CPU 閒置 (v2 中的首次互動版) 5 3
互動準備時間 (在第 2 版中保持互動) 5 5
感知速度指數 1 不適用
速度指數 不適用 4
預估輸入延遲時間 1 0

往後,Lighthouse 第 3 版評分指南是 Lighthouse 第 3 版評分機制運作方式的可靠資料來源。

全新輸出格式與變更

CSV 輸出支援

報表結果現在可以輸出 CSV 檔案。每個資料列都包含一項稽核的資訊和結果,包括:

  • 稽核所屬的類別名稱。
  • 稽核的名稱。
  • 稽核的說明,
  • 用於稽核的分數類型。
  • 分數值。

JSON 輸出內容變更

3.0 版針對 Lighthouse 的 JSON 輸出格式推出了許多變更。詳情請參閱 Lighthouse 第 3 版遷移指南

新的稽核項目

首次顯示內容所需時間

測量系統首次顯示文字或圖片內容至使用者的螢幕畫面的時間。

robots.txt 無效

確認網站的 robots.txt 檔案格式正確無誤,方便搜尋漫遊器檢索您的網站。

使用影片格式呈現動畫內容

將 GIF 替換成 video 標記,即可大幅節省影片檔案大小。

詳情請參閱「用影片取代動畫 GIF」。

避免多次往返任何出發地的來回行程

rel="preconnect" 屬性新增至 link 標記,藉此改善載入效能,這會通知瀏覽器盡快與來源建立連線。

詳情請參閱預先連線

稽核變更

首次互動 ➡ 第一個 CPU 閒置

「First Interactive」稽核已重新命名為「First CPU Idle」,以更清楚的方式說明運作方式。稽核的一般用途相同。您可以利用這項稽核,評估使用者首次與頁面互動的時機。

Perceptual Speed Index (可測量的速度指數) ➡ Speed Index

Lighthouse 3.0 中的 Perceptual Speed Index 稽核現已更名為 Speed Index。這項變更可讓 Lighthouse 與 WebPageTest 評估這項指標的方式一致。稽核用途相同,但基礎指標稍有不同。