Lighthouse 2.6 更新

Brendan Kenny
Brendan Kenny
X GitHub
Kayce Basques

Lighthouse 2.6 已推出！主要包含：

如需新功能、變更和錯誤修正的完整清單，請參閱「2.6 版本資訊」。

如何更新至 2.6

  • NPM。執行 npm update lighthouse。如果您已在全域安裝 Lighthouse 功能，請執行 npm update lighthouse -g 旗標。
  • Chrome 擴充功能。擴充功能應該會自動更新，但您可以透過 chrome://extensions 手動更新。
  • 開發人員工具。「稽核」面板在 Chrome 65 版中將會提供 2.6 版。您可以透過 chrome://version 查看目前使用的 Chrome 版本。Chrome 大約每 6 週會更新一次新版本。您可以下載 Chrome Canary 來執行最新的 Chrome 程式碼。

全新效能稽核功能

JavaScript 啟動時間過長

查看網頁花費時間的細目，剖析、編譯及執行每個指令碼所花費的時間。 JavaScript 啟動時間是網頁載入時間中卻有些隱密，但很重要的因素。

「JavaScript 啟動時間偏高」稽核。
圖 1. JavaScript 啟動時間偏高稽核

對靜態資產使用效率不佳的快取政策

確認瀏覽器可正確快取各項資源。

「針對靜態資產使用效率不佳的快取政策」稽核
圖 2. 針對靜態資產使用效率不佳的快取政策

避免頁面重新導向

網頁重新導向會額外執行網路往返作業，如果需要額外的 DNS 查詢，則會增加兩個網路往返時間。 盡量減少重新導向，以縮短網頁載入時間。

「避免網頁重新導向」稽核
圖 3. 「避免網頁重新導向」稽核

翻新無障礙專區分數

Lighthouse 2.6 的匯總無障礙功能分數計算方式不同。這個分數會根據對使用者體驗的影響嚴重程度，以及問題發生頻率 (HTTP Archive 資料集)，衡量各項無障礙功能稽核的結果。相關深入討論請參閱 googlechrome/lighthouse/issues/3444。

檢舉使用者體驗改善項目

頂層錯誤

如果錯誤可能影響網頁分數，Lighthouse 會在報表頂端顯示快訊通知您。

報表頂部的頂層錯誤
圖 4. 報告頂端會顯示重大錯誤

按一下「匯出報表」圖示 匯出報表，然後選取「列印摘要」或「列印已展開」，即可列印摘要或詳細版報表。

列印摘要和已展開的檢視畫面
圖 5. 列印摘要和展開的檢視畫面

修正顯示比例錯誤

2.6 也修正了導致「顯示長寬比正確圖片」稽核作業失敗的錯誤，即使網頁上沒有圖片，或所有圖片的大小均正確也一樣。