Lighthouse 2.6 更新

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 啟動時間過長」稽核。
圖 1JavaScript 啟動時間過長稽核

在靜態素材資源上使用效率不佳的快取政策

請確認瀏覽器能正確快取每項資源。

「在靜態素材資源上使用效率不佳的快取政策」稽核
圖 2。「在靜態素材資源上使用效率不佳的快取政策」稽核

避免網頁重新導向

網頁重新導向會增加額外的網路往返次數,如果需要額外的 DNS 查詢,則會增加兩次。減少重新導向次數,縮短網頁載入時間。

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

無障礙部分的分數重新計算

在 Lighthouse 2.6 中,系統會以不同的方式計算總體無障礙分數。系統會根據 HTTP Archive 資料集,根據各項無障礙稽核對使用者體驗的影響程度,以及問題發生的頻率來評估分數。如需深入討論,請參閱 googlechrome/lighthouse/issues/3444

回報使用者體驗改善項目

頂層錯誤

Lighthouse 會在報表頂端,針對可能影響網頁分數的錯誤發出警告。

報表頂端的頂層錯誤
圖 4。報表頂端顯示的最高層級錯誤

按一下「匯出報表」匯出報表,然後選取「列印摘要」或「列印詳細資料」,即可列印報表的摘要或詳細資料版本。

列印摘要和展開檢視畫面
圖 5。列印摘要和展開檢視畫面

修正顯示比例錯誤

2.6 也修正了導致「圖片的顯示比例正確」稽核失敗的錯誤,即使網頁上沒有圖片,或所有圖片的大小都正確,稽核也會失敗。