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 節點版本現在支援與 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 評估這項指標的方式一致。稽核用途相同,但基礎指標稍有不同。