lighthouse插件 - 前端網(wǎng)站性能評測工具背景，對于前端開發(fā)者來說，應(yīng)該都非常熟悉lighthouse插件了。它是一款由谷歌官方團(tuán)隊開發(fā)的開源網(wǎng)站性能測評工具，中文別稱“燈塔”，主要用于測試網(wǎng)站頁面性能、PWA、可訪問性（無障礙）、SEO等內(nèi)容。感興趣的朋友快來下載使用吧。

插件介紹

Lighthouse 是一款開源的自動化工具，用于改進(jìn)網(wǎng)絡(luò)應(yīng)用的質(zhì)量。 開發(fā)者可以將其作為一個Chrome 擴(kuò)展程序運(yùn)行，或從命令行運(yùn)行。在前端開發(fā)中，開發(fā)人員通常對于自己寫的的app或者web page性能的好壞，是難以用肉眼辨別的。

這時候前端工程師們就需要專業(yè)且客觀的網(wǎng)站測試工具，來幫助分析和查找網(wǎng)頁還有哪些需要優(yōu)化的地方。

lighthouse插件就可以快速分析網(wǎng)站，并以簡單易懂的界面呈現(xiàn)各項指標(biāo)和優(yōu)化建議，能讓開發(fā)人員根據(jù)生成的評估頁面進(jìn)行完善，提高用戶體驗。

插件功能

- 安裝lighthouse插件之后，在需要測試的網(wǎng)站上點擊谷歌瀏覽器地址欄上的插件圖標(biāo)。再點擊【Generate report】按鈕，等待分析結(jié)果。

- 然后可以得到一份完整的性能測試報告。報告主要分為性能、輔助功能、最佳實踐、SEO、漸進(jìn)式WEB應(yīng)用這五個方面。

- 在報告中，你可以看到它給你各個方面的建議，比如加載速度，圖片、css、js這些文件的處理，還有html標(biāo)簽的使用，緩存處理等建議，開發(fā)人員可以根據(jù)這些來對網(wǎng)站進(jìn)行優(yōu)化。

- 對于SEO來說，這個工具也能幫助發(fā)現(xiàn)不少細(xì)節(jié)上的優(yōu)化。lighthouse插件可以評估網(wǎng)站在搜索引擎中的效果，這些檢查可確保網(wǎng)頁上針對搜索引擎結(jié)果排名進(jìn)行了優(yōu)化。

你還可以看到它們最后的更新時間，如果它們有自己的主頁，還可以對它們進(jìn)行分類和其他更多的功能。

插件安裝說明

1、在打開的谷歌瀏覽器的擴(kuò)展管理器

就是點擊最左側(cè)的三個點，在彈出的菜單中選擇【更多工具】——【擴(kuò)展程序】

或者在瀏覽器的地址欄中輸入 chrome://extensions/, 然后回車也行：

2、進(jìn)入擴(kuò)展程序頁面后將開發(fā)者模式打勾

3、最后將解壓出來的crx文件拖入到瀏覽器中即可安裝添加

4、如果出現(xiàn)無法添加到個人目錄中的情況，可以將crx文件右鍵，然后選擇【管理員取得所有權(quán)】，再嘗試重新安裝

5、安裝好后即可使用

更新日志

v100.0.0.5

修復(fù)一些已知bug