通过Lighthouse分析web应用程序和web页面，收集关于开发人员最佳实践的现代性能指标和见解，让开发人员根据生成的评估页面，来进行网站优化和完善，提高用户体验。
全局安装
npm install -g lighthouse
创建一个文件（用于存放生成的报告文件），然后进入到文件运行命令，后面的地址是需要检测的网址
lighthouse https://www.yubo365.cn
图示
然后静态运行，生成报告，跑完之后，会生成一个.html的报告
生成报告的位置
前去查看，根据建议再优化自己代码即可
生成的报告
通过Lighthouse分析web应用程序和web页面，收集关于开发人员最佳实践的现代性能指标和见解，让开发人员根...
Chrome开发者工具之JavaScript内存分析 前端性能优化 —— 前端性能分析 Chrome DevToo...
7款前端性能分析工具，全都是神器 1、 Lighthouse Lighthouse是一个开源的自动化工具，用于帮助...
网页性能测试工具：lighthouse 资源构建工具：webpack Angular markdown 支持： n...
六、性能及优化 1、App优化之性能分析工具 Android App优化之性能分析工具 2、ListView优化 ...
前端工程： 开发 环境 脚手架 打包工具 开发规范 模块化开发 组件仓库 性能优化 测试 单元测试 自动化测试工具...
Spark 性能优化方案(转自李智慧的Spark性能优化方案)： Spark性能测试工具 •Spark性能测试基准...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（上）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（中）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 为什么要进行前端性能...
本文标题：前端性能优化测试工具 之 lighthouse
本文链接：https://www.haomeiwen.com/subject/phvuektx.html
网友评论