lighthouse可以通过命令行的方式运行并生成html报告,我们可以通过lighthouse --help 命令查看命令行的详细用法,在这里我仅列出最常用的命令行使用方法!
常用lighthouse命令行参数详解
* `--chrome-flags`:传递自定义标志给Chrome/Chromium。例如,`--headless`可以在无头模式下运行Chrome/Chromium。
* `--only-categories`:仅运行指定的类别。例如,`--only-categories=performance`将仅运行性能评估。
* `--preset`:使用预设的类别集。例如,`--preset=desktop`将评估页面在桌面设备上的表现。
* `--locale`:设置报告的语言。例如,`--locale=zh`将生成中文报告。
* `--quiet`:静默模式,不显示进度或调试信息。
* `--output`:将报告输出到文件而不是控制台。例如,`--output=html`将生成HTML格式的报告。
最常用的命令如下:
lighthouse url --quiet --chrome-flags="--headless" --only-categories=performance --locale=zh-CH --output-path=***.html
具体解释:
使用lighthouse测试url的前端性能
使用静默模式,不显示进度或调试信息
通过chrome的无头方式执行
报告中仅显示performance相关的测试结果
报告编码是zh-CH
报告的保存路径为***.html
命令行方式运行lighthouse的意义
1.可以与持续集成结合,通过脚本启动lighthouse进行前端性能测试
2.可以进行优化封装开发,打造更为方便的使用场景,例如批量进行不同url的前端性能测试
我的每一篇文章都希望帮助读者解决实际工作中遇到的问题!如果文章帮到了您,劳烦点赞、收藏、转发!您的鼓励是我不断更新文章最大的动力!