网站响应时间:“加载"和“完成"之间的区别 [英] Website response time: Difference between `Load` and `Finish`

问题描述

我需要检查一个网页的响应时间，所以我在 Chrome 上访问了该站点，打开 Devtools 并切换到 Network 标签来检查响应时间:

I needed to check a webpage's response time, so I visited the site on Chrome, opened Devtools and switched to the Network tab to check the response time:

如你所见，有两次:第一次是Finish，第二次是Load.

As you can see, there are two times: The first one is Finish and the second one is Load.

我认为Finish 是加载包含延迟在内的所有资源的整个页面所花费的时间，但是什么是Load?我想如果我将所有这些时间加在一起，我就会得到 Load 的时间，但事实并非如此.

I think Finish is the time taken to load the whole page with all the resources including delays, but what is Load? I thought if I add all these times together I would get the time for Load but this isn't the case.

该网站的响应时间是什么，Load 或 Finish?

What would be considered the response time of this website, Load or Finish?

推荐答案

Chrome Devtools 中的 Finish 时间包括页面上的异步加载(非阻塞)对象/元素，这些对象/元素可能会在页面的 onLoad 事件已触发.

The Finish time in Chrome Devtools includes the asynchronously loading (non blocking) objects/elements on the page which may continue downloading way after the onLoad event for the page has fired.

网站的响应时间通常是指Load时间，因为这是用户可感知的，此时用户可以看到浏览器已完成加载并且页面已准备好在他们的屏幕上.

The response time for a website generally means the Load time, because that is user perceivable, and at this point user can see that the browser has finished loading and page is ready on their screen.

Finish 时间，虽然从技术上讲也是响应时间，但对最终用户的影响不大.

The Finish time, although technically also a response time, doesn't have as much end-user implication.

在某些情况下，Finish 计时器似乎永远不会停止而是继续增加，因此它可能不是对网页响应时间的最佳评估.

In some cases, it seems that the Finish timer never stops but continues increasing, so it may not be the best assessment of web page response time.

这篇关于网站响应时间:“加载"和“完成"之间的区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！