Lighthouse 是一個(gè)開(kāi)源的谷歌官方自動(dòng)化檢測(cè)性能工具，初衷是用于改進(jìn)網(wǎng)頁(yè)應(yīng)用的質(zhì)量。 您可以將其作為一個(gè) Chrome 擴(kuò)展程序運(yùn)行，或從電腦命令種運(yùn)行。 您為 Lighthouse 提供一個(gè)您要審查的網(wǎng)址，它將針對(duì)此頁(yè)面運(yùn)行一連串的模擬點(diǎn)擊測(cè)試，然后生成一個(gè)詳細(xì)的性能的報(bào)告頁(yè)面，所以它是重要的谷歌SEO工具之一。

利用這個(gè)SEO工具，您可以查看失敗的測(cè)試指數(shù)為指向標(biāo)，看看可以采取哪些措施來(lái)改進(jìn)您的網(wǎng)頁(yè)，爭(zhēng)取符合谷歌的SEO要求。

Lighthouse使用入門(mén)

如果您使用的是Windows系統(tǒng)的電腦，請(qǐng)使用谷歌瀏覽器，選擇無(wú)痕瀏覽器，打開(kāi)需要測(cè)評(píng)網(wǎng)站，如下圖所示：

然后在頁(yè)面內(nèi)，點(diǎn)擊鍵盤(pán)的F12按鈕或點(diǎn)擊鼠標(biāo)右鍵后點(diǎn)擊“檢查”選項(xiàng)，右側(cè)會(huì)彈出代碼框架，如下

如果您使用的是Mac，直接點(diǎn)擊鼠標(biāo)右鍵后點(diǎn)擊“檢查”選項(xiàng)，點(diǎn)擊菜單欄右側(cè)的雙箭頭后可以看到LightHouse選項(xiàng)

可以選擇測(cè)評(píng)PC端或移動(dòng)端，點(diǎn)擊 Generate report 按鈕以針對(duì)當(dāng)前打開(kāi)的頁(yè)面運(yùn)行 Lighthouse 測(cè)試。

稍等幾分鐘，不要碰觸鼠標(biāo)或劃走頁(yè)面，在完成審查后，Lighthouse 將打開(kāi)一個(gè)新標(biāo)簽，并在頁(yè)面的結(jié)果上顯示一個(gè)報(bào)告。

如何查看lighthouse的報(bào)告并優(yōu)化網(wǎng)站

如上圖，測(cè)評(píng)結(jié)果會(huì)分?jǐn)?shù)化，滿分為100分，Performance，Accessibility，Best Practice，SEO四個(gè)綜合維度都有各自的分?jǐn)?shù)。向下拖動(dòng)進(jìn)度條，可擴(kuò)展所有評(píng)分項(xiàng)，您將看到網(wǎng)站優(yōu)秀的評(píng)分點(diǎn)和不足之處。通知您的技術(shù)人員，根據(jù)每一條扣分項(xiàng)開(kāi)始進(jìn)行調(diào)整。

您可以針對(duì)一個(gè)頁(yè)面運(yùn)行 Lighthouse 審查。

性能分劃重點(diǎn)

Performance中的速度性能測(cè)試主要模擬國(guó)外每個(gè)地方打開(kāi)的平均速度：受到國(guó)內(nèi)外網(wǎng)絡(luò)差異的影響，如果您在國(guó)內(nèi)測(cè)試自己國(guó)外的網(wǎng)站，應(yīng)使用外網(wǎng)或者確保自己的CDN已解決國(guó)內(nèi)外速度差異的問(wèn)題。