当前位置:龙哥网 > 网络技术 > chrome插件:网站性能检测工具lighthouse(chrome性能分析工具)

chrome插件:网站性能检测工具lighthouse(chrome性能分析工具)

longge5个月前 (12-17)网络技术84

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(chrome性能分析工具)

2、检测网页

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

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

chrome插件:网站性能检测工具lighthouse(chrome性能分析工具)

3、检测结果

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

chrome插件:网站性能检测工具lighthouse(chrome性能分析工具)

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

Accessibility结果

chrome插件:网站性能检测工具lighthouse(chrome性能分析工具)

Best Practices结果

chrome插件:网站性能检测工具lighthouse(chrome性能分析工具)

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!