xChar
·10 months ago

介绍

image

Lighthouse 提供针对性能、无障碍功能、渐进式 Web 应用、SEO 等方面的审核。

您可以在 Chrome DevTools 中、通过命令行或作为 Node 模块运行 Lighthouse。为 Lighthouse 提供一个要审核的网址,它会对此页面运行一系列审核,然后生成有关该网页性能的报告。您可以将失败的审核作为指标,了解如何改进网页。每项审核都有参考信息,说明该审核的重要性以及如何解决问题。

开始使用

在 Chrome 开发者工具中运行 Lighthouse

它内置于 Chrome DevTools 中(如果没有请下载一个 适用于桌面的 Chrome 浏览器),使用方法是:

  1. 打开一个匿名/隐身浏览器窗口,这有利于后续的检测(避免加载插件影响检测)
  2. 打开你要检测的网页,按下 F12 快捷键
  3. 点击 Lighthouse 标签页,点击分析网页加载情况,如下图所示:
    image
  4. 等待 30 - 60 秒,Lighthouse 会在页面上显示一份报告

其他

Google 还提供了其他多样化的运行 Lighthouse 的方式:

如果你想分享给其它人,参考:在线共享和查看报告

参考

Loading comments...