“一张图抵千言”这句话你可能很熟悉。 好吧,事实证明,一秒钟的转化率约为您网站的 3.4%。 由于加载页面缓慢,这是大量的业务损失。
那么如何确定您的网站加载速度是否足够快? 网站速度测试是找出答案的好方法,但您可以使用许多不同的测试。
本文将为您提供有关正确运行速度测试、解释结果以及使用这些信息来提高网站速度的信息。
您的网站可以承受沉重的流量负载吗?
找出答案的一种方法:使用 Loadview 通过数千个并发连接对您的网站进行压力测试。 无需编码,30 天免费试用,在 40 多种真实浏览器和设备上进行测试,现在免费获得 20 美元的测试积分 > 点击这里
如何正确测试网站速度
您可以使用许多工具来运行网站速度测试。 有些会给你很多信息,有些可能不会给你足够的信息。 获得最准确结果的最佳方法是使用几个工具或通过相同的方式运行多个测试。
重要的是要记住,结果通常取决于您的 Web服务器 相对于测试原点的位置。 这两者相距越远,数据需要传输的时间越长,可能会影响速度测试结果。
因此,您应该始终 选择一个网络服务器 靠近您预计访客最多的位置。 例如,主要服务于美国流量的网站应该位于美国境内。
如果您迎合全球受众,那么从多个测试位置运行网站速度测试可以让您更好地了解距离如何影响来自不同位置的访问者。
理想的服务器速度测试方法
您的测试方法应该涉及多次运行,看起来像这样:
- 从位置 1 运行测试并重复 3 次,记录所有测试的结果。
- 从另一个测试位置重复该过程,类似地记录数据。 我建议您至少从三个战略领域进行测试; 美国、欧洲和亚洲。
网站速度测试的推荐工具
提供有关您网站性能的最多信息的工具使用真实的人类访问者来测试您的网站速度。 例如,Pingdom 的整页测试在真实位置(美国、澳大利亚、欧洲)使用真实浏览器(IE9、Chrome 和 Firefox)来加载您的网站并提供性能报告。
因为它将您的网站作为一个完整的实体进行测试,包括页面上的所有对象,所以它可以提供提高性能的建议并深入了解可能会降低您网站速度的原因。
但是,您可以考虑使用许多其他有用的网站速度测试工具,包括:
有关这些工具的完整列表,请查看我们的 免费网站速度测试工具列表。
了解速度测试术语
网站速度测试在很多方面都有帮助,但前提是您了解如何使用结果。 只有了解数据的含义,您才能实施适当的更正以提高网站的性能。
在我们深入解释速度测试结果之前,熟悉一些术语会很有帮助。 这些术语主要与网络相关。
潜伏
从您单击链接或在浏览器中输入地址到您在屏幕上看到结果之间发生的所有事情所花费的时间。 延迟的标准度量单位是毫秒 (ms)。
平安
Ping 经常与延迟混淆,是一个精确术语,用于描述单个数据包离开您的计算机并到达其目的地所需的时间。 像延迟一样,您以毫秒为单位测量 Ping。
第一个字节或第一个字节的时间 (TTFB)
TTFB 是用于指示 Web 服务器响应能力的度量。 您将 TTFB 测量为从用户或客户端发出 HTTP 请求到客户端浏览器接收到第一个字节的持续时间。
页面大小
网页的大小是其所有内容的大小。 Web 浏览器要完全加载网页,它必须下载所有内容,包括 HTML代码、图像、样式表等。这些内容的总和越大,加载所需的时间就越多。
第一互动
大多数网络浏览器将允许用户在完全加载之前开始在网站上执行活动。 首次互动是在这发生之前在您的网站上停留的时间。
根据您选择的网站速度测试工具,您可能会遇到更多术语。 这些包括:
和更多。 如果您打算使用提供上述数据的测试,请尝试尽可能多地了解这些术语的含义。
解释速度测试结果
从上面的术语可以看出,很难将一种解释方法应用于所有网站速度测试工具。
因此,我将使用一个工具作为示例—— 谷歌的见解PageSpeed.
Google PageSpeed Insights 非常出色,因为 Google 提供了它,并且很可能会展示搜索巨头的偏好。 它也非常用户友好,提供视觉结果和解决发现问题的建议。
Google 分别针对移动和桌面性能进行测试,并重点关注四个关键要素:首次内容绘制 (FCP)、首次输入延迟 (FID)、最大内容绘制 (LCP) 和累积布局偏移 (CLS)。
每个测试区域将在几秒钟内返回一个结果和一个质量指示条。 绿色表示好,橙色表示需要改进,红色需要更紧急的关注。
向下滚动页面将提供各个测试区域的细分以及每个测试区域的影响因素。 您可以使用它对您的网站进行外科手术改进。
对缓慢的网站速度测试结果进行故障排除
大多数缓慢的网站都是类似的缺陷的结果。 例如,未能正确优化图像会导致高 CLS 时序。 然而,鉴于需要关注的领域数量众多,不可能全面涵盖这些领域。
一些常见问题和解决方案包括:
减少未使用的 JavaScript
动态网站(比如那些运行在 WordPress ) 经常遇到这个问题。 你可以通过使用一个好的缓存插件来减少 JavaScript 冗余来解决这个问题。
减少第三方代码的影响
今天的许多网站都是模块化的,并使用来自不同开发人员的组件(例如,Google、Facebook、Fonts 等)。 这种组合通常会导致缺乏影响性能的凝聚力。 简化您的网站并尽可能少地使用不同的代码源。
减少初始服务器响应时间
从本质上讲,谷歌是在告诉你你的网络服务器很糟糕。 低于标准的网络托管通常会导致速度不佳,除了 转移到另一个托管服务提供商.
图像元素没有明确的宽度和高度
许多网站所有者犯了简单地上传图片而没有 进一步优化. 上传图片时,请指定参数以避免混淆网络浏览器并导致加载时间延迟。
以下一代格式提供图像
对于图像,不仅尺寸很重要,图像格式也很重要。 像 WebP 这样的下一代格式增加了压缩率,使图像在网络上的下载速度更快。
使用高效的缓存策略为静态资产提供服务
当访问者加载您的网站时,一些内容会被下载并保存在他们的浏览器中。 此过程有助于提高重复访问的性能。 设置缓存策略可以让浏览器知道在重复请求之前它们应该保留这些图像多长时间。
避免过多的DOM大小
DOM 是指网页的大小。 得到过多的 DOM 警告意味着你需要考虑精简页面。 您可以通过多种方式做到这一点,例如红色uci减少页面上的图像数量或使用更少的部分。
避免大的布局变化
动态网站即时生成页面部分。 当页面上有许多这些可调整大小的元素时,布局会经常发生变化,从而导致糟糕的用户体验。 在可能的情况下,正确定义页面元素。
可能性是无止境。 在尝试一一解决这些问题之前,我建议您考虑彻底优化您的网站。 网站所有者需要实施许多普遍接受的性能增强。
要了解更多信息,请阅读 WHSR 的指南 提高您的网站性能.
关于网站速度测试的最终想法
网站速度测试是获取网站性能快照的好方法。 这些工具易于使用,通常提供相对准确的数据。 当然,许多优秀的网站速度测试工具都是免费的,这也有帮助。
然而,重要的是要记住,上述陈述中的关键词是“快照”。 网站速度测试是静态的,对您的网站的微小更改可能会显着改变结果。 因此,最好安排定期对您的网站进行性能评估,并尽快纠正新发现的问题。