chrome插件:网站性能检测工具lighthouse

chrome浏览器扩展程序lighthouse可以检测网页的质量,分别针对网页的Performance、Accessibility、Best Practices、SEO进行检测评分,并给出相应的优化建议,方便站长优化网页的加载速度、搜索引擎排名等。

  • Performance - 性能检测,如网页的加载速度、响应时间等
  • Accessibility - 铺助检测,如网页的可访问性问题,HTML代码标签之类的优化等
  • Best Practices - 实践性检测,如网页安全性,如是否开启HTTPS、网页存在的漏洞等
  • SEO - 搜索引擎优化检测,如网页title是否符合搜索引擎的优化标准等

另外:lighthouse支持Progressive Web App。

1、下载Lighthouse:

访问chrome网上应用店

https://chrome.google.com/webstore/category/extensions

如果上面地址访问不了,可以前往https://www.crx4chrome.com/crx/44009/下载,然后离线安装。

搜索“lighthouse”,点击“添加至Chrome按钮”

chrome-lighthouse-01.jpg

2、检测网页

打开要检测的网页地址,如http://www.neirong.org

点击浏览器工具栏上的Lighthouse图标,在打开的窗口中点击“Generate report”按钮生成检测报告

chrome-lighthouse-02.jpg

3、检测结果

稍等片刻之后,会给出网页的检测结果以及优化建议

chrome-lighthouse-03.jpg

上面的结果显示,neirong.org的性能(如加载速度)和SEO都评分都比较高,但是 Accessibility 和 Best Practices 偏低,但给出的相关的优化提示。

Accessibility结果

chrome-lighthouse-04.jpg

Best Practices结果

chrome-lighthouse-05.jpg