Lighthouse | google lighthouse
Lighthouse[1]是一個開源的自動化工具,用於改進網絡應用的質量。您可以將其作爲一個Chrome擴展程序運行,或從命令行運行。您爲Lighthouse提供一個您要審查的網址,它將針對此頁面運行一連串的測試,然後生成一個有關頁面性能的報告。從此處,您可以失敗的測試爲指示器,看看可以採取哪些措施來改進您的應用。Note:Lighthouse目前非常關注ProgressiveWebApp功能,如“添加到主屏幕”和離線支持。不過,此項目的首要目標是針對網絡應用質量的各個方面提供端到端審查。使用入門運行Lighthouse的方式有兩種:作爲Chrome擴展程序運行,或作爲...
Lighthouse[1] 是一個開源的自動化工具,用於改進網絡應用的質量。 您可以將其作爲一個 Chrome 擴展程序運行,或從命令行運行。 您爲 Lighthouse 提供一個您要審查的網址,它將針對此頁面運行一連串的測試,然後生成一個有關頁面性能的報告。
從此處,您可以失敗的測試爲指示器,看看可以採取哪些措施來改進您的應用。
Note: Lighthouse 目前非常關注 Progressive Web App 功能,如“添加到主屏幕”和離線支持。不過,此項目的首要目標是針對網絡應用質量的各個方面提供端到端審查。使用入門運行 Lighthouse 的方式有兩種: 作爲 Chrome 擴展程序運行,或作爲命令行工具運行。 Chrome 擴展程序提供了一個對用戶更友好的界面,方便讀取報告。 命令行工具允許您將 Lighthouse 集成到持續集成系統。
Chrome 擴展程序下載 Google Chrome 52 或更高版本。
安裝 Lighthouse Chrome 擴展程序[2]。
轉到您要進行審查的頁面。
點擊位於 Chrome 工具欄上的 Lighthouse 圖標 ()。
如果您在工具欄上沒有看到此圖標,它可能隱藏在 Chrome 的主菜單中。
點擊此圖標後,您應看到一個菜單。
如果您想僅運行審查的子集,則點擊 Options 按鈕並停用您不關注的審查。 向下滾動並按 OK 以確認您的更改。
點擊 Generate report 按鈕以針對當前打開的頁面運行 Lighthouse 測試。
在完成審查後,Lighthouse 將打開一個新標籤,並在頁面的結果上顯示一個報告。
命令行工具安裝 Node[3],需要版本 5 或更高版本。
安裝 Lighthouse 作爲一個全局節點模塊。
npm install -g lighthouse針對一個頁面運行 Lighthouse 審查。
light...