网站速度测试如何工作

更新时间:2022-05-24 / 文章作者:Timothy Shim

“一张图抵千言”这句话你可能很熟悉。 好吧,事实证明,一秒钟的转化率约为您网站的 3.4%。 由于加载页面缓慢,这是大量的业务损失。 

那么如何确定您的网站加载速度是否足够快? 网站速度 测试是找出答案的好方法,但是您可以使用许多不同的测试。

本文将为您提供有关正确运行速度测试、解释结果以及使用这些信息来提高网站速度的信息。

如何正确测试网站速度

您可以使用许多工具来运行网站速度测试。 有些会给你很多信息,有些可能不会给你足够的信息。 获得最准确结果的最佳方法是使用几个工具或通过相同的方式运行多个测试。 

延迟解释
数据传输时间受物理距离的限制。 实际服务器响应时间因服务器位置不同而异。

重要的是要记住,结果通常取决于您的 Web服务器 相对于测试原点的位置。 这两者相距越远,数据需要传输的时间越长,可能会影响速度测试结果。

因此,您应该始终 选择一个网络服务器 靠近您预计访客最多的位置。 例如,主要服务于美国流量的网站应该位于美国境内。

如果您迎合全球受众,那么从多个测试位置运行网站速度测试可以让您更好地了解距离如何影响来自不同位置的访问者。

理想的服务器速度测试方法

您的测试方法应该涉及多次运行,看起来像这样:

  1. 从位置 1 运行测试并重复 3 次,记录所有测试的结果。
  2. 从另一个测试位置重复该过程,类似地记录数据。 我建议您至少从三个战略领域进行测试; 美国、欧洲和亚洲。

推荐的网站速度测试工具

网站速度测试示例
示例 – 我们为托管在以下位置的测试站点进行的网站速度测试 Interserver (更多的细节在这里) 从不同位置使用 WebPageTest.org

提供有关您网站性能的最多信息的工具使用真实的人类访问者来测试您的网站速度。 例如,Pingdom 的整页测试在真实位置(美国、澳大利亚、欧洲)使用真实浏览器(IE9、Chrome 和 Firefox)来加载您的网站并提供性能报告。

因为它将您的网站作为一个完整的实体进行测试,包括页面上的所有对象,所以它可以提供提高性能的建议并深入了解可能会降低您网站速度的原因。

但是,您可以考虑使用许多其他有用的网站速度测试工具,包括:

有关这些工具的完整列表,请查看我们的 20 个免费网站速度测试工具列表。

了解速度测试术语

网站速度测试在很多方面都有帮助,但前提是您了解如何使用结果。 只有了解数据的含义,您才能实施适当的更正以提高网站的性能。

在我们深入解释速度测试结果之前,熟悉一些术语会很有帮助。 这些术语主要与网络相关。

潜伏

从您单击链接或在浏览器中输入地址到您在屏幕上看到结果之间发生的所有事情所花费的时间。 延迟的标准度量单位是毫秒 (ms)。

平安

Ping 经常与延迟混淆,是一个精确术语,用于描述单个数据包离开您的计算机并到达其目的地所需的时间。 像延迟一样,您以毫秒为单位测量 Ping。

第一个字节或第一个字节的时间 (TTFB)

TTFB 是用于指示 Web 服务器响应能力的度量。 您将 TTFB 测量为从用户或客户端发出 HTTP 请求到客户端浏览器接收到第一个字节的持续时间。 

页面大小

网页的大小是其所有内容的大小。 Web 浏览器要完全加载网页,它必须下载所有内容,包括 HTML代码、图像、样式表等。这些内容的总和越大,加载所需的时间就越多。

第一互动

大多数网络浏览器将允许用户在完全加载之前开始在网站上执行活动。 首次互动是在这发生之前在您的网站上停留的时间。

根据您选择的网站速度测试工具,您可能会遇到更多术语。 这些包括:

和更多。 如果您打算使用提供上述数据的测试,请尝试尽可能多地了解这些术语的含义。

解释速度测试结果

Google 的 PageSpeed Insights 可以快速评估您的 网站表现.

从上面的术语可以看出,很难将一种解释方法应用于所有网站速度测试工具。

因此,我将使用一个工具作为示例—— 谷歌的见解PageSpeed.

Google PageSpeed Insights 非常出色,因为 Google 提供了它,并且很可能会展示搜索巨头的偏好。 它也非常用户友好,提供视觉结果和解决发现问题的建议。

Google 分别针对移动和桌面性能进行测试,并重点关注四个关键要素:首次内容绘制 (FCP)、首次输入延迟 (FID)、最大内容绘制 (LCP) 和累积布局偏移 (CLS)。

每个测试区域将在几秒钟内返回一个结果和一个质量指示条。 绿色表示好,橙色表示需要改进,红色需要更紧急的关注。

向下滚动页面将提供各个测试区域的细分以及每个测试区域的影响因素。 您可以使用它对您的网站进行外科手术改进。

另请阅读

对缓慢的网站速度测试结果进行故障排除

速度测试结果数据 - 瀑布图
瀑布图,通常由大多数出色的速度测试工具提供,显示网页元素加载的详细进度,让您查看占用更多时间的内容。 

大多数缓慢的网站都是类似的缺陷的结果。 例如,未能正确优化图像会导致高 CLS 时序。 然而,鉴于需要关注的领域数量众多,不可能全面涵盖这些领域。

一些常见问题和解决方案包括:

减少未使用的 JavaScript

动态网站(比如那些运行在 例如: WordPress 和 Weebly , ) 经常遇到这个问题。 你可以通过使用一个好的缓存插件来减少 JavaScript 冗余来解决这个问题。

减少第三方代码的影响

今天的许多网站都是模块化的,并使用来自不同开发人员的组件(例如,Google、Facebook、Fonts 等)。 这种组合通常会导致缺乏影响性能的凝聚力。 简化您的网站并尽可能少地使用不同的代码源。

减少初始服务器响应时间

从本质上讲,谷歌是在告诉你你的网络服务器很糟糕。 低于标准的网络托管通常会导致速度不佳,除了移到另一个网站之外,您无能为力 主机提供商.

图像元素没有明确的宽度和高度

许多网站所有者犯了简单地上传图片而没有进一步修改的错误。 上传图片时,请指定参数以避免混淆网络浏览器并导致加载时间延迟。

以下一代格式提供图像

对于图像,不仅尺寸很重要,图像格式也很重要。 像 WebP 这样的下一代格式增加了压缩率,使图像在网络上的下载速度更快。

使用高效的缓存策略为静态资产提供服务

当访问者加载您的网站时,一些内容会被下载并保存在他们的浏览器中。 此过程有助于提高重复访问的性能。 设置缓存策略可以让浏览器知道在重复请求之前它们应该保留这些图像多长时间。

避免过多的DOM大小

DOM 是指您的网页的大小。 收到过多的 DOM 警告意味着您需要考虑精简页面。 您可以通过多种方式做到这一点,例如减少页面上的图像数量或使用更少的部分。

避免大的布局变化

动态网站即时生成页面部分。 当页面上有许多这些可调整大小的元素时,布局会经常发生变化,从而导致糟糕的用户体验。 在可能的情况下,正确定义页面元素。

可能性是无止境。 在尝试一一解决这些问题之前,我建议您考虑彻底优化您的网站。 网站所有者需要实施许多普遍接受的性能增强。

要了解更多信息,请阅读 WHSR的指南 提高您的网站性能.

关于网站速度测试的最终想法

网站速度测试是获取网站性能快照的好方法。 这些工具易于使用,通常提供相对准确的数据。 当然,许多优秀的网站速度测试工具都是免费的,这也有帮助。

然而,重要的是要记住,上述陈述中的关键词是“快照”。 网站速度测试是静态的,对您的网站的微小更改可能会显着改变结果。 因此,最好安排定期对您的网站进行性能评估,并尽快纠正新发现的问题。

了解更多

关于Timothy Shim

Timothy Shim是一位作家,编辑和科技爱好者。从信息技术领域开始他的职业生涯,之后迅速地在印刷领域找到方向,并与国际,地区和国内媒体合作,包括ComputerWorld,PC.com,Business Today和The Asian. Banker。他的专长在于消费者和企业的技术领域。