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

插件介紹

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

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

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

插件功能

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

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

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

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

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

插件安裝

點(diǎn)擊本頁(yè)面的下載按鈕，將解壓后的crx文件拖拽到瀏覽器擴(kuò)展管理頁(yè)面（注：需打開開發(fā)者模式）。

插件使用

安裝好chrome插件后，直接點(diǎn)擊擴(kuò)展按鈕即可對(duì)已安裝的腳本進(jìn)行便捷管理了。

更新日志

v100.0.0.4

修復(fù)一些已知bug