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

目录

  1. 正常运行时间
  2. 第一个字节时间TTFB
  3. 首次绘制时间
  4. 首次内容绘制时间
  5. 最大的内容绘制
  6. 首次输入延迟
  7. 互动时间
  8. HTTP 请求
  9. 加载时间
  10. 完全加载时间
  11. 连接时间
  12. 总页面大小
  13. 第三方域名
  14. 总结

右键点我复制链接地址,分享页面有积分。


当您不断致力于改善网站的用户体验时,您无疑会一次又一次听到“快速的网站就是好网站”这句话,尤其是当今的用户期望网站具有闪电般的加载时间。

但就网站性能而言,“快速”到底意味着什么?嗯,它可能意味着很多事情,这就是问题所在 –衡量网站的网络性能涉及许多指标。因此,为了充分了解您网站的性能,您需要了解应该测量哪些性能指标、原因以及您可以从中学到什么,以便优化您的网站以获得更好的速度。

这篇文章列出了您应该定期监控的关键网络性能指标。


1. 正常运行时间

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

正常运行时间是您的网络主机的责任,因此如果您经常遇到停机或带宽问题,则值得检查您的托管选项。虽然没有主机可以保证 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) 指标告诉您页面上最大元素在视口中变得可见所需的时间。最大的元素通常是文本块或图像。该指标非常重要,因为它是核心 Web 指标之一,并且还会影响您的 SEO 性能。不用说,优化 LCP 分数对您来说至关重要。


6. 首次输入延迟

首次输入延迟 (FID) 是另一个 Core Web Vitals 指标,它通过分析浏览器响应第一个用户与页面的交互所需的时间来衡量页面的交互性和响应性。由于 FID 只能通过真实用户数据来测量,因此您还可以查看总阻塞时间 (TBT),它可以测量没有用户交互的交互性。如果 TBT 良好,您也不用担心 FID 性能。


7. 互动时间

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


8. HTTP 请求

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

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

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

查看文章“如何减少 HTTP 请求以加速您的 WordPress 网站”。


9. 加载时间

加载时间是指页面完成处理并且页面上的所有资源(包括文本、图像、CSS 和 JavaScript 文件)完成下载的时间。这段时间可能会有JavaScript发起后续请求。


10. 完全加载时间

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

performance-metrics-fully-loaded-time
完全加载时间 – GTmetrix

11. 连接时间

这是从发出请求到访问者的浏览器与 Web 服务器建立连接之间的时间。

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


12. 总页面大小

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

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

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

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

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

13. 第三方域名

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

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


总结

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

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



评论

发表回复

必填项已用 * 标注