启动并运行 Craft CMS
能够以编程方式运行 Google 的 Lighthouse 分析套件提供了很多优势,特别是对于更大或更复杂的 Web 应用程序。以编程方式使用 Lighthouse 允许工程师为需要比 Lighthouse 简单应用程序(例如 Lighthouse CI)更多定制的站点设置质量监控。本文简要介绍了 Lighthouse,讨论了以编程方式运行它的优点,并介绍了基本配置。
Lighthouse 是 Google 的网站质量分析工具套件。它允许您评估网站的性能、可访问性、搜索引擎优化 (SEO) 等。它还具有高度可配置性,使其足够灵活,可用于从最简单到高度复杂的所有站点。这种灵活性包括运行测试的多种不同方式,使您可以选择最适合您的站点或应用程序的方法。运行 Lighthouse 最简单的方法之一是通过Chrome 的 DevTools Lighthouse 面板。如果您在 Chrome 中打开网站,然后打开 Chrome 的 DevTools,您应该会看到“Lighthouse”选项卡。从那里,如果您单击“生成报告”,您应该获得网站质量指标的完整报告。
然而我在本文中关注的是另
个极端。使用 JavaScript 以编程方式运行 Lighthouse 允许我们配置自定义运行、挑选和选择我们想要测试的功能、收集和分析结果,以及指定我们的站点和应用程序特有的配置选项。
例如,您 牙买加手机号码列表 可能在一个可通过多个 URL 访问的网站上工作 — 每个 URL 都有自己的数据和样式,甚至可能有您希望能够分析的标记。或者您可能想收集每次测试运行的数据并以不同的方式编译或分析它。能够根据最适合您的站点或应用程序的方式选择运行 Lighthouse 分析的方式,可以更轻松地监控站点质量并在问题堆积或给您带来太多问题之前查明站点存在问题的位置。网站的用户。
以编程方式运行 Lighthouse 并不是每个站点的最佳选择,我鼓励您探索Lighthouse 团队为使用该工具而构建的所有不同方法。但是,如果您决定以编程方式使用 Lighthouse,那么下面的信息和教程应该可以帮助您入门。
自定义灯塔选项
假设我有一个网站,根据用户使用的是较小屏幕还是较大屏幕来加载不同的组件,这意味着该网站每个版本的 HTML 都会略有不同。我想确保该网 AERO 领先 站的两个版本在 Lighthouse 可访问性测试中都获得 95 分,并且不会向我们的main分支提交不符合该标准的代码。 注意:如果您想查看下面分析Sparkbox主页的代码的工作示例,您可以在此处找到存储库。 我可以将 Lighthouse 配置为运行辅助功能类别两次,为每个类别提供不同的配置对象 — 一次将其设置为emulatedFormFactor,desktop一次将其设置为mobile。执行此操作的一个简单方法是创建包含两个对象的数组,如下所示。
以编程方式运行 Lighthouse 的优势不仅在于能够配置 Lighthouse 本身,还在于您可能想要或需要围绕 Lighthouse 测试执行的所有操作。Lighthouse 有一些很棒的文档可以帮助您入门。然而,为了充分利用以编程方式运行它,您需要深入研究并了解有关 Lighthouse 工作原理的更多信息:配置测试运行和报告测试结果。