Chrome的調試工具中可以看到lighthouse,查了下資料,簡單記錄如下。
lighthouse可以檢測網頁的質量,分別針對網頁的Performance、Accessibility、Best Practices、SEO進行檢測評分,並給出相應的優化建議,方便站長優化網頁的加載速度、搜索引擎排名等。
按下F12后,可以看到lighthouse,選擇Mobile或Desktop后,點擊“Generate report”生成報告,顯示“lighthouse is warming up”,生成的過程需要花費一些時間。
Performance - 性能檢測,如網頁的加載速度、響時間等
Accessibility - 鋪助檢測,如網頁的可訪問性問題,HTML代碼標簽之類的優化等
Best Practices - 實踐性檢測,如網頁安全性,如是否開啟HTTPS、網頁存在的漏洞等
SEO - 搜索引擎優化檢測,如網頁title是否符合搜索引擎的優化標准等
生成的結果如下,截圖不完整,下面針對每一項有詳細的分析及鏈接。
還可以通過node安裝lighthouse
npm install -g lighthouse
使用lighthouse加頁面地址來進行分析
$ lighthouse https://www.cnblogs.com/