Lighthouse是一个开源自动化工具,旨在提高网页质量,它通过审计网页的性能、无障碍功能、渐进式Web应用和SEO等,从而生成详细报告并指出改进方向,用户可以通过Chrome DevTools、命令行、Node模块等多种方式来运行Lighthouse,并方便地集成到持续集成系统中,Lighthouse CI帮助防止质量回退,确保持续优化网页表现,报告可以以多种格式导出,提供清晰的改善建议。
Lighthouse 简介
Lighthouse 是一种可帮助你提高网页质量的开源自动化工具。您可以在任何网页(公开网页或需要身份验证的网页)上运行该脚本。它针对性能、无障碍功能、渐进式 Web 应用、搜索引擎优化 (SEO) 等进行审计。
您可以在 Chrome DevTools 中、通过命令行或作为 Node 模块运行 Lighthouse。为 Lighthouse 提供一个要审核的网址,它会对此页面运行一系列审核,然后生成有关该网页性能的报告。您可以将失败的审核作为指标,了解如何改进网页。每项审核都有参考信息,说明该审核的重要性以及如何解决问题。
您还可以使用 Lighthouse CI 来防止网站出现回归问题。
开始使用
选择最适合您的 Lighthouse 工作流:
- 在 Chrome DevTools 中。您可以直接在浏览器中审核需要进行身份验证的页面,并以易于用户理解的格式解读您的报告。
- 通过命令行。使用 Shell 脚本自动运行 Lighthouse。
- 作为 Node 模块。将 Lighthouse 集成到您的持续集成系统。
- 通过网页界面。运行 Lighthouse 并链接到报告,无需安装。
注意 :CLI 和 Node 工作流要求您在自己的机器上安装 Google Chrome 实例。
在 Chrome 开发者工具中运行 Lighthouse
Lighthouse 在 Chrome DevTools 中拥有自己的面板。要生成报告,请执行以下操作:
1、下载适用于桌面的 Google Chrome。
2、打开 Chrome,然后转到要审核的网址。您可以审核网络上的任何网址。
3、打开 Chrome 开发者工具。
4、点击 Lighthouse 标签页。
5、点击分析网页加载情况。DevTools 会显示审核类别列表。 请将其全部保持启用状态。
6、点击运行审核。30 到 60 秒后,Lighthouse 会在页面上显示一份报告。
用户评论