更快地销售（父亲节）礼物：缩短加载时间[研究]
Posted: Mon Jan 20, 2025 4:26 am
下周日是父亲节。哪里可以快速找到礼物？我和我的同事通过测量 16 个特殊的父亲节登陆页面的速度来真正理解这一点。您将在下面找到结果。他们做了什么才能让登陆页面如此之快？您可以从您自己的网上商店中得到什么？
加载时间的感知
访问者对页面速度的感知比测量的总加载时间更重要。毕竟，这关系到访问者的用户体验：谁希望能够快速看到页面上的某些内容并开始使用它。传统上以秒为单位测量加载时间变得越来越不重要。因此，在查看Web性能时，要特别注意启动渲染时间和速度指数。
开始渲染
开始渲染时间是请求页面和浏览器中显示某些内容之间的时间。在开始渲染时间到期之前，访问者会看到空白屏幕。根据Jakob Nielsen 的说法，用户仍然可以专注于他们正在做的事情，响应时间长达 1 秒。因此将开始渲染时间限制为 1 秒。
速度指数
速度指数可以很好地反映访问 安哥拉电子邮件列表 者实际体验的速度。这会考察首屏内容在浏览器中显示的速度。这涉及访问者无需滚动即可直接看到的页面部分。因此，速度指数的值取决于屏幕分辨率。在 Google 工作的Paul Irish表示，您的目标应该是速度指数低于 1000。
最快和最慢的网上商店
我们测试的父亲节登陆页面的平均开始渲染时间为 1.46 秒。只有 Otto.nl 和 Bol.com 保持在第二位以下，Vaderdagwebwinkel.nl 和 Kadowereld.nl 略高于第二位。在 Karwei.nl 页面上，屏幕上仅在 2 秒后显示某些内容，在 Icadeau.nl 页面上则在 3 秒后才显示。
开始渲染时间
平均速度指数为 1765。同样，Otto.nl 和 Bol.com 以及 vaderdagwebwinkel.nl 的速度指数均低于 1200。Greetz.nl、Karwei.nl、Gadgethouse.nl 和 Icadeau.nl 的速度指数均低于 1200。速度指数低于1200。速度指数超过2000的页面最慢。
速度指数
自己测量开始渲染时间和速度指数
您想亲自测量您的网站或网上商店的开始渲染时间和速度指数吗？然后使用Webpagetest作为工具。输入待测页面的URL，选择位置和浏览器并开始测试。然后结果呈现在表格中：
网页测试
加载时间是传统的加载时间。第一个字节是访问者请求页面和接收第一个内容（字节）之间所经过的时间。因此，第一个字节的时间主要是网站或网上商店的托管和后端速度的指标。
是什么让快速网上商店如此之快？
现在我们知道了各种网上商店的得分如何，我们可以看看是什么让快速网上商店如此之快。
奥托.nl
Otto 以其开始渲染时间（0.8 秒）和速度指数（1044）在所测网络商店中得分最高。第一个字节的时间也是第二快的，为 109 毫秒。特殊的是，Otto 是测试中最慢的三个网店之一，加载时间为 3.2 秒。这立即证实了我在本文开头所说的内容：加载时间对访问者的用户体验影响不大。奥托在加载内容方面很聪明。该页面经过优化，可以快速加载首屏内容，然后访问者就可以开始访问该页面。
奥托是如何达到这 3.2 秒的呢？这个时间主要花在页面显示后检索的外部内容上。在构建整个页面所需的 117 个请求中，只有 45 个来自 Otto 本人。其他 72 个请求发送到不少于 52 个不同的外部服务器，主要用于广告目的。所有这些内容都是异步加载的，因此页面的结构不会被阻塞，因此用户不会感到不便。
博尔网
Bol.com 的父亲节页面构建得非常高效。对服务器的请求很少 (50)、有限的页面大小 (712 KB) 和几乎没有外部内容使得这基本上是一个快速页面。但 Bol.com 的页面结构也得到了相当大的优化。构建首屏页面时不立即需要的 JavaScript 文件只会在稍后加载。
Vaderdagwinkel.nl
如果我们看一下传统的加载时间，Vaderdagwinkel.nl 在我们的测试中得分最快，为 1.12 秒。在起始渲染和速度指数上获得了第三名。整个网上商店使用的图像都非常小，因此压缩得很好。然而，有许多 JPG 图像可以进一步压缩。这使得页面大小可以减少几百 KB，从而提高速度。
为了变得更快，Vaderdagwebwinkel.nl 可以做的是为其静态内容启用保持活动状态，该内容位于 https://static.sbcommerce.nl。现在必须为每个请求建立一个新的 TCP 连接，这对于每个请求都需要一些时间。通过启用保持活动，打开的 TCP 连接将保持打开状态以供进一步使用。在这种情况下，一个 TCP 连接用于多个请求。
加载时间的感知
访问者对页面速度的感知比测量的总加载时间更重要。毕竟，这关系到访问者的用户体验：谁希望能够快速看到页面上的某些内容并开始使用它。传统上以秒为单位测量加载时间变得越来越不重要。因此，在查看Web性能时，要特别注意启动渲染时间和速度指数。
开始渲染
开始渲染时间是请求页面和浏览器中显示某些内容之间的时间。在开始渲染时间到期之前，访问者会看到空白屏幕。根据Jakob Nielsen 的说法，用户仍然可以专注于他们正在做的事情，响应时间长达 1 秒。因此将开始渲染时间限制为 1 秒。
速度指数
速度指数可以很好地反映访问 安哥拉电子邮件列表 者实际体验的速度。这会考察首屏内容在浏览器中显示的速度。这涉及访问者无需滚动即可直接看到的页面部分。因此，速度指数的值取决于屏幕分辨率。在 Google 工作的Paul Irish表示，您的目标应该是速度指数低于 1000。
最快和最慢的网上商店
我们测试的父亲节登陆页面的平均开始渲染时间为 1.46 秒。只有 Otto.nl 和 Bol.com 保持在第二位以下，Vaderdagwebwinkel.nl 和 Kadowereld.nl 略高于第二位。在 Karwei.nl 页面上，屏幕上仅在 2 秒后显示某些内容，在 Icadeau.nl 页面上则在 3 秒后才显示。
开始渲染时间
平均速度指数为 1765。同样，Otto.nl 和 Bol.com 以及 vaderdagwebwinkel.nl 的速度指数均低于 1200。Greetz.nl、Karwei.nl、Gadgethouse.nl 和 Icadeau.nl 的速度指数均低于 1200。速度指数低于1200。速度指数超过2000的页面最慢。
速度指数
自己测量开始渲染时间和速度指数
您想亲自测量您的网站或网上商店的开始渲染时间和速度指数吗？然后使用Webpagetest作为工具。输入待测页面的URL，选择位置和浏览器并开始测试。然后结果呈现在表格中：
网页测试
加载时间是传统的加载时间。第一个字节是访问者请求页面和接收第一个内容（字节）之间所经过的时间。因此，第一个字节的时间主要是网站或网上商店的托管和后端速度的指标。
是什么让快速网上商店如此之快？
现在我们知道了各种网上商店的得分如何，我们可以看看是什么让快速网上商店如此之快。
奥托.nl
Otto 以其开始渲染时间（0.8 秒）和速度指数（1044）在所测网络商店中得分最高。第一个字节的时间也是第二快的，为 109 毫秒。特殊的是，Otto 是测试中最慢的三个网店之一，加载时间为 3.2 秒。这立即证实了我在本文开头所说的内容：加载时间对访问者的用户体验影响不大。奥托在加载内容方面很聪明。该页面经过优化，可以快速加载首屏内容，然后访问者就可以开始访问该页面。
奥托是如何达到这 3.2 秒的呢？这个时间主要花在页面显示后检索的外部内容上。在构建整个页面所需的 117 个请求中，只有 45 个来自 Otto 本人。其他 72 个请求发送到不少于 52 个不同的外部服务器，主要用于广告目的。所有这些内容都是异步加载的，因此页面的结构不会被阻塞，因此用户不会感到不便。
博尔网
Bol.com 的父亲节页面构建得非常高效。对服务器的请求很少 (50)、有限的页面大小 (712 KB) 和几乎没有外部内容使得这基本上是一个快速页面。但 Bol.com 的页面结构也得到了相当大的优化。构建首屏页面时不立即需要的 JavaScript 文件只会在稍后加载。
Vaderdagwinkel.nl
如果我们看一下传统的加载时间，Vaderdagwinkel.nl 在我们的测试中得分最快，为 1.12 秒。在起始渲染和速度指数上获得了第三名。整个网上商店使用的图像都非常小，因此压缩得很好。然而，有许多 JPG 图像可以进一步压缩。这使得页面大小可以减少几百 KB，从而提高速度。
为了变得更快，Vaderdagwebwinkel.nl 可以做的是为其静态内容启用保持活动状态，该内容位于 https://static.sbcommerce.nl。现在必须为每个请求建立一个新的 TCP 连接，这对于每个请求都需要一些时间。通过启用保持活动，打开的 TCP 连接将保持打开状态以供进一步使用。在这种情况下，一个 TCP 连接用于多个请求。