Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 您可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。
提供一个您要审查的网址,Lighthouse将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。
https://developers.google.com/web/tools/lighthouse/?hl=zh-cn

lighthouse 有关页面性能的报告
https://github.com/GoogleChrome/lighthouse

点击 Generate report
image.png
image.png
image.png

向下拉动 Report 页,我们还可以看到每一个指标的细化评估
image.png

Opportunities

LightHouse 甚至针对我们的性能问题给出了可行的建议、以及每一项优化操作预期会帮我们节省的时间;
对着 LightHouse 给出的建议,一条一条地去尝试,就可以看到自己的页面,在一秒一秒地变快。

lighgthouse cli

  1. npm install lighthouse -g
  2. # 分析页面
  3. lighthouse https://www.lulongwen.com/datav
  4. # --help 标志以查看可用的输入和输出选项
  5. lighthouse --help