Lighthouse 是 Google 開發的一款工具,用于分析網路應用和網頁,收集現代性能指標并提供對開發人員最佳實踐的意見,
1、在chrome開發者工具中使用lighthouse
Lighthouse是直接集成到chrome開發者工具中的,位于‘Audits’面板下,
首先,你得下載安裝 了chrome瀏覽器,相信每個做開發的人員都應該擁有chrome瀏覽器,
其次,在chrome瀏覽器中打開你需要測驗的網站,按f12進入開發者除錯模式,點擊‘Audits’選項,看到如下界面:

然后點擊“Run audits”,之后就是等待生成評估界面,
2、使用Node Cli
lighthouse依賴node 8或者更高的node版本
首先全域安裝lighthouse:
`npm install -g lighthouse
or use yarn:
yarn global add lighthouse`
然后在終端輸入命令,我使用的是百度首頁
$ lighthouse <https://www.baidu.com/>

然后會生成一個評估的html頁面,直接在瀏覽器中打開進行查看即可,
file:///Users/xxx/www.baidu.com_2021-02-19_19-39-32.report.html
在這里面你可以看到它給你各個方面的建議,比如圖片、css、js這些檔案的處理,還有html里面標簽的使用,快取處理等建議,可以根據這些來對網站進行優化,

3、附上Lighthouse的git地址,更為詳細的內容,可以去參考git:
https://github.com/GoogleChrome/lighthouse
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/261441.html
標籤:區塊鏈
