Lighthouse 简介

Lighthouse 是一款自动化的开源工具,可帮助您提升网页质量。您可以在任何网页(公开网页或需要身份验证的网页)上运行该脚本。该工具可针对性能、无障碍、搜索引擎优化 (SEO) 等方面进行评估。

您可以在 Chrome 开发者工具中、通过命令行或作为 Node 模块运行 Lighthouse。向 Lighthouse 提供要审核的网址,它会对该网页运行一系列审核,然后生成一份报告,说明该网页的表现如何。您可以将未通过审核的网页作为指标,了解如何改进网页。每项审核都有参考信息,说明该审核的重要性以及如何解决问题。

您还可以使用 Lighthouse CI 来防止网站出现回归问题。

开始使用

选择最适合您的 Lighthouse 工作流:

在 Chrome 开发者工具中运行 Lighthouse

Lighthouse 在 Chrome 开发者工具中拥有自己的面板。要生成报告,请执行以下操作:

  1. 下载适用于桌面的 Google Chrome
  2. 打开 Chrome,然后前往要审核的网址。您可以审核网络上的任何网址。
  3. 打开 Chrome 开发者工具
  4. 点击 Lighthouse 标签页。

    左侧是待审核网页的视口。右侧是 Chrome 开发者工具的 Lighthouse 面板。

  5. 点击分析网页加载情况。开发者工具会显示一系列审核类别。 将其全部保持启用状态。

  6. 点击