[Node | LightHouse] Google LightHouse 網頁跑分 | 不服?你也跑一個!?

GhostCoder發表於2017-08-01

Lighthouse 是一個開源的自動化工具,用於改進網路應用的質量。 您可以將其作為一個 Chrome 擴充套件程式執行,或從命令列執行。 您為 Lighthouse 提供一個您要審查的網址,它將針對此頁面執行一連串的測試,然後生成一個有關頁面效能的報告。 Lighthouse 目前非常關注 Progressive Web App 功能,如“新增到主螢幕”和離線支援。不過,此專案的首要目標是針對網路應用質量的各個方面提供端到端審查

【個人推薦】:如果有極端完美主義者或終極蛇皮強迫症晚期患者,可以通過此工具來折磨下自己?裝個比?或者將完美進行到底?

【官方文件】:https://developers.google.com/web/tools/li...

【專案地址】:https://github.com/GoogleChrome/lighthouse

【使用方法】:目前有三種方法可以跑分 Chrome DevTools(控制檯) / Chrome Extension(擴充套件) /Node.js,本文簡單介紹 控制檯 & Node.js

Node.js

【使用方法】:測試過程中會自動開啟 Chrome 並且完成後會在當前目錄生成一個靜態HTML檔案,直接在瀏覽器中開啟此檔案即可檢視結果

# @ 安裝 lighthouse 元件(Node.js V5.0 或以上版本)
npm install -g lighthouse
# @ 啟動測試 (測試過程中會自動開啟 Chrome 完成後會在當前目錄生成一個靜態HTML檔案)
lighthouse https://www.baidu.com/
# @ 幫助皮膚
lighthouse --help

file

Chrome DevTools

【版本需求】:Google Chrome 52 ++
file
file
file

本作品採用《CC 協議》,轉載必須註明作者和本文連結

Just for Fun !

相關文章