发布于 2026-01-05 5 阅读
0

Performance Tools 回答:我能否将 PageSpeed Insights 用于本地主机网站或离线网站?

性能工具

回复:我能否将 PageSpeed Insights 用于本地托管网站或离线网站?

如果你以前开发过基于浏览器的应用程序,你可能熟悉一个名为 Lighthouse 的工具。

Lighthouse 是一款审核工具,它能针对各种指标(例如可访问性、性能、SEO)提供一系列“分数”。它可在 Chrome 开发者工具中使用,也可以通过 CLI(命令行界面)运行。

在这篇文章中,我们将重点介绍 Lighthouse 如何衡量性能以及它与其他工具有何不同。

开发者工具中的 Lighthouse

Chrome 开发者工具中的 Lighthouse 审计工具。

Lighthouse会运行您的网站来计算指标并评估其性能。但是,运行 Lighthouse 报告的方式有很多种,而且 Lighthouse 本身也提供了不同的模式!

1 - 开发者工具限流(有时也称为请求级限流)

在这种模式下,Lighthouse 会尝试模拟您的网站在低速设备上的运行情况。它通过限制连接速度和 CPU 使用率来实现这一点,模拟类似 Nexus 4G 在低速 4G 网络下的表现。Lighthouse 通过 Chrome 浏览器进行测试(因为这是谷歌的工具,所以它只在谷歌浏览器上进行测试)。虽然这有助于测试网站在低速设备上的性能,但这并非完全模拟。因为这种“慢”是相对于您本地设备的速度而言的。

如果你使用高性能的 Mac 电脑,并且拥有非常稳定的网络连接,那么它的得分会比使用较旧的移动设备运行相同的模拟程序更高。

2 - 模拟节流

此模式的目标与开发者工具的限速功能相同,即模拟网站在低速设备/网络连接下的运行情况。但是,Lighthouse 会在高速设备上运行测试,然后计算低速设备的实际体验。我们将在下一节“页面速度洞察”中对此进行更深入的探讨。

3 - 数据包级限速

在这种模式下,Lighthouse 不会进行限流,而是期望操作系统来执行限流操作。我们将在“网页测试”部分详细解释这种模式。

这些模式的有趣之处在于,根据您用于访问 Lighthouse 报告的工具的不同,您可能正在运行不同的模式。

默认情况下,在 Chrome 开发者工具中运行 Lighthouse 审计会使用第一种模式。通过 Chrome 扩展程序运行则使用第二种模式。Lighthouse 的命令行版本允许您传递一个标志throttling-method来指定要使用的模式。默认情况下,它使用模拟节流。

页面速度洞察

PSI登录页面截图。

Page Speed Insights (PSI) 是谷歌提供的另一款工具。它使用了上文提到的模拟限速技术。

PSI 使用实验室数据,这意味着它在 Google 服务器上运行,而不是受本地计算机配置的影响。它使用高性能设备获取指标,然后人为地计算低端设备的性能表现。在上述三种限速方法中,这是计算性能指标最快的方法。

速度快慢为什么重要?因为 PSI 需要处理数百万个页面,以支持搜索引擎优化 (SEO )。我们稍后会详细讨论这一点。

但正因如此,计算速度需要快,而非精确。因此,这种乘数方法比开发者工具的限流更容易实现,而且通常精度也一样高,甚至更高。需要注意的是,在某些极端情况下,它的性能可能会更差。

PSI的另一个优势在于,对于某些网站,您可以获取CRUX(Chrome用户体验报告)。该报告使用真实用户监控(RUM)技术,并基于真实用户与页面的交互方式来计算页面指标。这是最准确的数据类型,能够生成最直接反映用户体验和性能的指标。

网页测试

网页测试首页截图。

最后一个自动化性能测试工具是网页测试。该工具采用数据包级限流,这意味着它会在真实的硬件环境中运行性能基准测试。因此,它不会像开发者工具那样受到本地计算机的影响。

它模拟连接,但这是按照操作系统层面进行的,因此更加精确。然而,它也可能引入更多误差

这为什么重要?

似乎有很多工具可以用来测试性能,但这真的重要吗?毫秒级的差别真的那么大吗?

谷歌是一个生态系统。我们大多数人对它都很熟悉,因为谷歌搜索就是个例子。对于很多网站来说,在谷歌搜索结果中排名靠前至关重要。谷歌表示,网站性能会影响网站的排名。

具体来说,网站性能及其对排名的影响取决于一些核心的网站指标。所以我们将在下一篇文章中讨论这个问题。

文章来源:https://dev.to/laurieontech/performance-tools-4clf