使用 Lighthouse 度量 PWA 指标

Lighthouse是一个开源的自动化工具,他的主要功能就是检测网站的性能,同时给出优化的建议。目前Lighthouse非常关注Progressive Web App各项功能。

运行 Lighthouse 的方式有两种:作为 Chrome 扩展程序运行,或作为命令行工具运行。 Chrome 扩展程序提供了一个对用户更友好的界面,方便读取报告。 命令行工具允许您将 Lighthouse 集成到持续集成系统。

作为 Chrome 扩展程序运行

1、安装Chrome 52或更高版本,点击这里进行安装 2、安装完成后,在浏览器地址栏右侧你可以看到Lighthouse的小图标 3、你也可以通过 在 Chrome DevTools 的 Audits 选项卡找到Lighthouse 4、打开你需要检查的网站,点击地址栏右侧小图标 或者 点击 Chrome DevTools 的 Audits 中的 “Perform an audit...” 按钮,启动检测 5、检测需要等待一段时间,然后将生成一份报告

你可以通过 Lighthouse 生成的报告,对你的网站进行优化。

命令行工具运行

你可以在github上获取到Lighthouse: https://github.com/GoogleChrome/lighthouse 使用也非常简单:

1、首先需要安装Node.js,Node的版本需要大于6.0 2、使用npm 或者 yarn 安装

npm install -g lighthouse
# or use yarn:
# yarn global add lighthouse

3、检查

lighthouse https://your_url

关于更多的内容可以通过在github上了解。