前端性能优化测试工具 之 lighthouse

通过Lighthouse分析web应用程序和web页面,收集关于开发人员最佳实践的现代性能指标和见解,让开发人员根据生成的评估页面,来进行网站优化和完善,提高用户体验。

一、下载

全局安装

npm install -g lighthouse

二、使用

创建一个文件(用于存放生成的报告文件),然后进入到文件运行命令,后面的地址是需要检测的网址

lighthouse https://www.yubo365.cn
前端性能优化测试工具 之 lighthouse_第1张图片
图示

然后静态运行,生成报告,跑完之后,会生成一个.html的报告


前端性能优化测试工具 之 lighthouse_第2张图片
生成报告的位置

前去查看,根据建议再优化自己代码即可


前端性能优化测试工具 之 lighthouse_第3张图片
生成的报告

你可能感兴趣的:(前端性能优化测试工具 之 lighthouse)