值得监控的 13 个关键网站性能指标

目录

“快速的网站就是好网站”是您在不断致力于改善网站用户体验的过程中一次又一次听到的短语,尤其是当今的用户期望网站具有闪电般的加载时间。

但是,在网站性能方面,“快”到底意味着什么呢?其实,它可以有很多含义,而问题就在于此——衡量网站的网络性能涉及许多指标。因此,为了全面了解网站的性能,您需要了解应该衡量哪些性能指标、衡量原因以及可以从中学到什么,以便优化网站以提高速度。

因此,在这篇文章中,我整理了一份您应该定期监控的关键网络性能指标列表。

1.正常运行时间

无论您经营的是小型企业还是非营利组织、在线商店还是简单的博客,如果网站瘫痪导致流量无法到达,那么您实际上就关门了。简而言之,这就是为什么正常运行时间是网站所有者最关心的问题。

正常运行时间是您的 Web 托管商的责任,因此如果您经常遇到停机或带宽问题,则值得检查您的托管选项。虽然没有托管商可以保证 100% 的正常运行时间,但您应该争取 99.99% 的正常运行时间。

Pingdom和 Uptime Robot等服务可以监控您的网站,并在网站出现故障时立即向您发出警报,以便您能够迅速采取行动,让网站恢复在线。

2. 首字节的时间

请求连接到服务器后,第一个字节的信息到达访问者浏览器所需的时间称为第一个字节时间或 TTFB。

time-to-first-byte

此关键指标是通过将重定向持续时间(向服务器发送请求所花费的时间)、连接持续时间(处理和生成响应所花费的时间)和后端持续时间(将响应发送回访问者浏览器所花费的时间)相加来计算的。       

您可以通过多种方式改善网站的 TTFB,包括优化代码、实施缓存、微调 Web 服务器配置以及升级服务器硬件。网站访问者接收信息的顺序也很重要,可以帮助提高您的 TTFB。

3. 首次绘制时间

首次绘制 (FP) 时间标记了导航后浏览器立即将像素渲染到屏幕上的时间点。根据页面的结构,这可能是显示背景颜色,也可能是渲染的大部分页面。

谷歌认为这个关键指标对网站访问者很重要,因为它回答了以下问题:发生了什么事吗?

first-paint

FP 时间非常重要,因为到目前为止,浏览器只会显示一个空白页,而这个状态的改变向访问者表明页面正在加载。

4. 首次内容绘制时间

首次内容绘制 (FCP) 时间是浏览器从文档对象模型 (DOM) 中提取第一部分内容的时间点,该内容可能是文本、图像、SVG 或其他元素。

对于网站访问者来说,这个时间表示实际内容已在页面上加载,而不仅仅是任何更改。

正如您在下面的速度文本示例中看到的,FP 和 FCP 时间是相同的,因为这些指标紧密一致。

first-contentful-paint

为什么这个指标对网站管理员有用?与 FP 一样,FCP 可以指示网站访问者何时收到“可用”信息(文本、图像等),并可以看到页面正在加载以及正在发生某些事情。了解如何改进 WordPress 上的 FCP。

5. 最大的内容绘画

最大内容绘制 (LCP) 指标告诉您页面上最大元素在视口中可见需要多长时间。 最大的元素通常是文本块或图像。 这个指标非常重要,因为它是核心网络指标之一,也会影响您的 SEO 性能。 不用说,优化 LCP 分数对您来说至关重要。

6. 首次输入延迟和交互到下一次绘制

首次输入延迟 (FID) 是以前的核心 Web 生命力指标,已被交互到下一次绘制 (INP)取代。INP 衡量页面的响应能力。FID 通过分析浏览器响应用户与页面的首次交互所需的时间来衡量首次交互。由于 FID 只能使用真实用户数据来衡量,因此您还可以查看总阻塞时间 (TBT),它衡量没有用户交互的交互性。如果 TBT 很好,您也不必担心 FID 性能。

7. 互动时间

可交互时间 (TTI) 指标标志着页面在视觉上呈现并能够可靠地响应用户输入的时间点。这意味着访问者可以滚动页面、点击链接并完成其他交互。在此加载期间,某些元素(例如脚本)可能仍在继续加载。

8.HTTP 请求

每次有人访问您网站上的页面时,他们的浏览器都会 ping 您的网络服务器(如果您使用来自社交网络、广告平台等的内容,还会 ping 第三方服务器)并请求包含页面内容的文件,包括 HTML、CSS 和 JavaScript 文件、图像、图标和其他文件。这些请求称为 HTTP 请求。

performance-metrics-http-requests
HTTP 请求 – GTmetrix

我最近为这个博客撰写了有关 HTTP 请求的文章,因此,我鼓励您查看我的帖子“如何减少 HTTP 请求以加快您的 WordPress 网站速度”,而不是重新发明轮子。

值得注意的是,减少网站发出的 HTTP 请求总数可以显著提高网站的速度——一个只有 100 KB 但有 85 个 HTTP 请求的页面可能比一个只有 15 个 HTTP 请求的 200 KB 页面更糟糕。但请记住,虽然这对于 HTTP/1 来说是正确的,但对于使用 HTTP/2 的网站来说情况并非如此。

9. 加载时间

Onload 时间是指页面处理完毕,页面上的所有资源(包括文本、图片、CSS 和 JavaScript 文件)都已下载完毕的时间。在此期间,可能会有 JavaScript 发起后续请求。

10. 满载时间

完全加载时间是指从访问者首次导航到页面到没有网络活动后 2 秒的时间。与加载时间一样,这通常包括主页加载后由 JavaScript 触发的任何活动。

满载时间 – GTmetrix

11. 转机时间

让我们先回顾一下连接时间。这是从发出请求到访问者的浏览器与 Web 服务器建立连接之间的时间。

有很多不同的因素会影响连接时间,例如服务器流量大和访问者的地理位置。为了缩短网站的连接时间,您可能需要尝试使用负载测试工具,例如Apache JMeter、RadView 的 WebLOAD和SmartBear 的 LoadComplete。

12. 总页面大小

该指标是指呈现页面所需的所有元素的总和,包括 HTML 文件、CSS 和 JavaScript 文件、图像、多媒体、第三方域名等所有内容。

performance-metrics-total-page-size
总页面大小 – GTmetrix

HTTP 档案自 2010 年 11 月以来一直在收集有关网站的信息,并提供了多年来有关总页面大小的一些有趣统计数据。

2011 年,网页平均大小为 717 KB。2021 年,桌面端网页平均大小为 2000 KB,移动端网页平均大小为 1800 KB。

performance-metrics-total-kb
该页面请求的所有资源的传输大小千字节总和

13. 第三方域名

虽然您网站的大部分内容都托管在您的网络服务器上,但网站使用的一些第三方内容(例如嵌入式视频、Gravatars 和社交媒体小工具)可能托管在第三方域上。由于这些元素存储在其他域上,因此您对它们的功能和加载速度的控制非常有限。

衡量这些元素对页面速度影响的最佳方法是进行瀑布分析,以确定哪些资源的加载时间最长。然后,您可能需要考虑是否真的需要某些加载缓慢的资源,或者是否要完全删除它们。

结论

定期测试您的 WordPress 网站性能并监控这些指标将为您提供评估网站性能所需的信息,并确定需要进行哪些更新和调整才能实现网站访问者现在期望的闪电般快速的加载时间。

另一个值得牢记的以用户为中心的指标是感知性能,即访问者感觉您的页面加载需要多长时间。我建议您除了进行其他性能调整以加快网站速度外,还请阅读此用户行为。



评论

发表回复

必填项已用 * 标注