Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 您可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。
提供一个您要审查的网址,Lighthouse将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。
https://developers.google.com/web/tools/lighthouse/?hl=zh-cn
lighthouse 有关页面性能的报告
https://github.com/GoogleChrome/lighthouse
点击 Generate report
向下拉动 Report 页,我们还可以看到每一个指标的细化评估
Opportunities
LightHouse 甚至针对我们的性能问题给出了可行的建议、以及每一项优化操作预期会帮我们节省的时间;
对着 LightHouse 给出的建议,一条一条地去尝试,就可以看到自己的页面,在一秒一秒地变快。
lighgthouse cli
npm install lighthouse -g
# 分析页面
lighthouse https://www.lulongwen.com/datav
# --help 标志以查看可用的输入和输出选项
lighthouse --help