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

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

一、下载

全局安装

npm install -g lighthouse

二、使用

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

lighthouse https://www.yubo365.cn
图示

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


生成报告的位置

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


生成的报告
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。