Chrome的頁面分析工具Lighthouse


  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/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM