使用 Dotcom 监视器网站监控解决方案,您可以创建和配置灯塔报告监控设备(网页监控解决方案),以自动审核性能、搜索引擎优化 (SEO) 和其他网站指标。

什么是谷歌灯塔?

谷歌灯塔 是一个开源的,自动化的工具,以审计网站的速度和性能。 它审核加载时间、可访问性、网页的 SEO、渐进式 Web 应用以及最佳实践的扩展列表。 灯塔已纳入 PageSpeed 见解 (PSI),用户现在可以查看有关性能数据的报告。 此外,PageSpeed Insights 还利用了实验室和真实世界的数据组合,而灯塔仅使用实验室数据来生成报告。

PageSpeed Insights 指标有助于深入了解用户对网页速度的感知,这已成为 SEO 排名的一个因素。 然而,尽管我们的目标是获得一个伟大的灯塔分数很重要,我们在下面的文章中将对此进行更多介绍,但重要的是您使用这些灯塔建议来通过减少感知和实际网页加载时间来提高网页性能。

Lighthouse 模拟在真实条件下(丢失包、连接不良等)在真实浏览器中加载网页,并生成反映审核指标的分数的报告。 此外,报告还包含有关如何提高站点速度和性能分数的建议。 除了孤立的测试,Lighthouse 报告在 Web 开发中也非常有用,可以比较一段时间的结果变化。

但是,当涉及到重复性网站测试时,在每个测试用例上手动 运行灯塔似乎并不有效。 在这篇文章中,我们将讨论如何使用 Dotcom 监视器自动执行审核。

如何更有效地使用灯塔报告

每次您改进网页内容以满足 SEO 要求时,您可能需要跟踪改进之前和之后 SEO 分数的变化。 在SEO的情况下,一次检查将没有意义。 恰恰相反。 有必要定期监控SEO分数的变化。

假设您希望深入了解网页更新与性能指标相关的影响,而不必在每个版本上手动提取报告。 此外,有时网站功能的优化可能会影响特定的性能指标。 例如,如果您正在缩短在网页上加载内容的时间,则需要关注”第一个内容绘制”或” 第一 有意义的画”分数中的 更改 ,并确保分数不会下降。 我们将在本文中更详细地讨论这些指标。

 

使用 Dotcom 监视器配置灯塔报告

Dotcom 监视器可以生成具有指定频率的灯塔报告,以监视特定网页指标中的变化。 该解决方案的主要功能是监视特定的审核指标。 您可以选择一个指标并设置一个错误阈值,以在受监视分数超过可接受的范围时接收警报通知。 此外,还可以配置对运行灯塔时发生的错误的警报,指定审核计划程序,并设置监视结果的计划报告。

配置监控设备后,可以从 Dotcom-Monitor 在线报告中提取 灯塔报告

设置灯塔报告审核

URL

输入要使用灯塔审核的 URL。 URL 地址的格式应与在浏览器中使用它时完全一样,例如http://www.example.com 您必须在http://https://包含该地址或地址https://。 此时,您还可以在 URL 的末尾包含任何 GET 参数。

灯塔报告指标

Dotcom 监视器支持监视和警报特定的网页审核指标。 系统将监视灯塔报告中的选定指标分数。 如果 指定了 指标分数的错误阈值,并且 选择了”灯塔 上警报错误”选项,则当兴趣分数超出允许范围时,设备将被视为失败。 若要接收警报通知, 请在设备 编辑屏幕的 “警报 “选项卡上为设备配置警报。

此外,还可以配置 计划报表 ,这些报表将基于每日、每周或每月统计信息聚合所选指标监视的结果。 从以下灯塔指标中选择一个审核指标,以接收警报和报告。 绩效报告包括各种指标,我们将在下面讨论每个指标。

性能总分

绩效总分是 所有绩效指标 的加权平均值。 权重更大的指标对绩效总体得分的影响更大。

第一个内容性油漆

一个内容绘制 (FCP) 测量用户导航到您的页面后,浏览器呈现第一段 DOM 内容所用的时间。 一个好的第一内容油漆分数是任何低于一秒。 使用术语”第一个绘制”来区分”第一内容画”非常重要。 第一个画像是当任何内容被呈现时,这可以像页面本身的背景颜色一样简单,但它不提供用户来使用或操作的相关内容或信息。

第一个内容画图将是向用户交付或绘制的内容。 例如,对于大多数网页,这通常是上述内容,如导航菜单或英雄图像。 这些内容将是用户在页面加载时将看到的第一批实际内容。 提供的第一个内容画是比第一个画更有用的、真实的数据点。

速度指数

速度指数显示页面内容明显填充的速度。 速度指数通过测量网页速度并将其与其他网站的数据进行比较来确定。 速度指数分数越低,性能越好。 任何低于 4.3 秒的页面都被认为是不错的,并且会用绿色编码表示。 页面速度介于 4.4 和 5.8 之间被认为是中等速度,并将用橙色表示。 最后,超过 5.8 秒的页面速度被认为是缓慢的,并将用红色表示。

互动时间

交互式时间(TTI)测量从页面开始加载到其主子资源加载的时间,并且它能够可靠地快速响应用户输入。 合理的互动时间小于五秒。 关于”互动时间”的一个重要说明是,您希望确保用户可以在页面内容(如按钮或链接)可见时与您的网站进行交互。 目标是使”第一内容绘制”和”交互时间”之间的时间尽可能短。 如果页面设置为提供此内容,但在加载脚本之前不是交互式的,这可能会导致某些用户感到恼火。

第一个有意义的油漆

一个有意义的绘制 (FMP) 测量页面的主要内容何时可见。 第一个有意义的绘制是从开始页面加载到呈现主页面以上的时间。 第一有意义的画图的测量方式与首次内容画图相同,该图以实际网站数据性能进行评分。 根据页面的设置加载方式,第一个有意义的”绘制”和”第一个内容画”可能具有相同的分数,但是,在使用内联框架 (iframe) 的情况下,例如,时间会有所不同。 两秒以下的时间被认为是快速的,并将以绿色表示。 两到四秒之间的任何内容都是中度的,并且会以橙色表示。 最后,任何超过四秒的东西都是缓慢的,并且会以红色表示。

第一个 CPU 空闲

一个 CPU 空闲标记了页面的主线程第一次安静到足以处理输入的时间。 它可以被视为从页面加载到加载之间的时间。 此分数与本列表中的其他分数一样,通过比较您的页面与其他网站的数据来确定。 良好的第一个 CPU 空闲分数是 4.7 秒以下的任何时间,并将以绿色表示。 4.8 到 6.5 秒之间的任何时间都中等快,并将用橙色表示。 最后,任何超过 6.5 秒的时间都是缓慢的,并且会以红色表示。

最大电位第一个输入延迟

最大 潜在第一个 输入延迟是用户可能体验到的最长设备执行的持续时间(以毫秒为单位)。 换句话说,它是浏览器响应用户操作(如单击链接或按钮)和处理该操作的时间量。 快速的最大最大电位第一输入延迟是任何低于 130 毫秒,并将以绿色表示。 任何超过 250 毫秒的东西都被认为是慢速的,并且会以红色表示。

辅助功能总分

辅助功能总分 突出了改进 网站可访问性的机会。 这不仅仅是为了确保残障用户的可访问性。 即使是最小的修复,例如 making 确保 HTML 元素的标题正确且实现可以大有作为,以确保所有登录网页的用户都可访问性。

最佳实践总分

最佳实践总体得分可确保您的页面遵循业界的最佳实践,如有效的 JavaScript、映像维度、加密等。 本节还概述了通过或未通过灯塔审计的各种元素,以及建议

SEO 总体得分

SEO 总体分数可确保您的页面针对搜索引擎结果排名进行优化。 例如,灯塔审核将显示指定页面有相关标题、元描述、成功状态代码等。 本节还包括不符合审核标准且需要审核的 SEO 改进和优化项目。

错误阈值

为所选指标设置可接受的分数范围。 如果分数超出范围,设备将被标记为失败。 若要根据设置的阈值接收警报,请在”灯塔 错误 警报 “字段中选择”是 “。

DNS 选项

The DNS Options feature allows users to choose how domain name server (DNS) requests are conducted during a monitoring task.

To specify the mode of resolving hostnames, in the DNS Resolve Mode section, select one of the available modes. For more details on the feature configuration, see DNS Mode Options.

The Custom DNS Hosts section contains the mappings of IP addresses to hostnames.

To specify the mapping, enter the IP address and the host name in the corresponding fields.

Examples:

192.168.107.246   example.com user.example.com userauth.example.com tools.example.com
192.168.107.246   example.com
192.168.107.246   user.example.com
192.168.107.246   userauth.example.com

See also: DNS Mode Options.

 

自动执行灯塔监控,实现更好的用户体验

重要的是要认识到,页面速度和页面加载时间,虽然密切相关,应被视为单独的因素,当涉及到网站性能。 虽然页面加载时间侧重于测量所有网页内容呈现的时间,这是提供出色的用户体验的一个因素,但用户在导航、单击或执行下一个操作之前不会等待您的网页完全加载。

通过 Lighthouse 监控报告,您可以持续测量和跟踪网页在一段时间内的表现,并确保您的网页符合 PageSpeed Insights 设置的性能指标、阈值和最佳实践,让您高思高明地获得快速的 Web 体验,无论他们位于何处。

灯塔指标的其他资源

有关灯塔指标的更多详细信息,请访问以下页面:

https://developers.google.com/web/tools/lighthouse

https://web.dev/performance-scoring/