网站响应时间:"加载"和"完成"之间的差异,

Nov*_*per 26 google-chrome http google-api google-chrome-devtools web

为了这个目的,我必须使用chrome devtools网络检查谷歌响应时间我加载了一个网页并打开网络选项卡以检查某些网站的响应时间,例如本网站的响应时间

在此输入图像描述

我有两个时间量第一个是"完成",第二个是"加载",完成是我猜加载整个页面所需的时间包括所有资源,包括延迟,这是什么"负载"?起初我以为如果我把所有这些时间加在一起会加起来作为"加载"但这不是真的,这个网站的响应时间是什么,"加载"或"完成"?

mad*_*ist 29

Chrome devtools中的"完成"时间似乎包括页面上的异步加载(非阻塞)对象/元素,这些对象/元素可能会在页面的onload事件触发后继续下载.

一般来说,网站的响应时间意味着"加载"时间,因为用户可以更容易地感知到这一点,此时用户可以看到浏览器已完成工作并且页面已准备就绪.完成时间,虽然从技术上讲,响应时间也没有最终用户的影响.

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

  • 说完成时间“对最终用户没有那么多影响”是不太正确的。例如,页面可能已加载其所有元素,但显示旋转器,因为它正在等待请求返回的数据。该页面已“加载”,但从用户的角度来看还没有“完成”,并且绝对不可用。 (4认同)