使用 Lighthouse 审查 WebApp

    你可以通过2种方式来安装并使用 Lighthouse

    1. 命令行形式：

    为 Lighthouse 提供一个你要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。通过报告你可以看看可以采取哪些措施来改进您的应用。

    前面说过使用 Lighthouse 的两种方式，各有适用场景。Chrome 插件的形式提供了更加友好的用户界面，方便读取报告。而命令行工具则方便将 Lighthouse 集成到持续集成系统。

    下载 Google Chrome 52 或更高版本。

    安装 Ligthouse Chrome 插件

    如果在工具栏上没有看到此图标，它可能隐藏在 Chrome 的主菜单中。

    点击此图标后，你会看到一个展开菜单，如下图

    在 Options 选项里，可以选择需要的审查项。

    menu

    点击 Generate report 按钮以针对当前打开的页面运行 Lighthouse 测试。

    在这里，你就能看到关于 PWA, Performance, Accessibility, Best Practices 四个方面存在的问题以及相关建议。根据这些去优化你的站点吧！

    命令行工具

    安装 Node，需要 5 及以上版本。

    以全局方式安装：

    针对一个页面运行 命令，进行审查：

    输入 --help 选项可以查看可用的输入、输出选项