介绍#
Lighthouse 提供针对性能、无障碍功能、渐进式 Web 应用、SEO 等方面的审核。
您可以在 Chrome DevTools 中、通过命令行或作为 Node 模块运行 Lighthouse。为 Lighthouse 提供一个要审核的网址,它会对此页面运行一系列审核,然后生成有关该网页性能的报告。您可以将失败的审核作为指标,了解如何改进网页。每项审核都有参考信息,说明该审核的重要性以及如何解决问题。
开始使用#
在 Chrome 开发者工具中运行 Lighthouse#
它内置于 Chrome DevTools 中(如果没有请下载一个 适用于桌面的 Chrome 浏览器),使用方法是:
- 打开一个匿名 / 隐身浏览器窗口,这有利于后续的检测(避免加载插件影响检测)
- 打开你要检测的网页,按下
F12
快捷键 - 点击 Lighthouse 标签页,点击分析网页加载情况,如下图所示:
- 等待 30 - 60 秒,Lighthouse 会在页面上显示一份报告
其他#
Google 还提供了其他多样化的运行 Lighthouse 的方式:
如果你想分享给其它人,参考:在线共享和查看报告