网站响应时间：＆＃34;加载＆＃34;之间的差异并且＆＃34;完成＆＃34; ，

Question

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

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

Answer 1

Chrome devtools中的“完成”时间似乎包括页面上的异步加载（非阻塞）对象/元素，可能会在页面的onload事件被触发后继续下载。

网站的响应时间一般来说意味着“加载”时间，因为用户可以更容易理解，此时用户可以看到浏览器已完成工作并且页面已准备就绪。完成时间，虽然从技术上讲，响应时间并没有最终用户的影响。

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

Answer 2

DevTools在“网络”面板上的多个位置显示DOMContentLoaded事件和加载事件的时间。 DOMContentLoaded事件显示为蓝色，而加载事件显示为红色。

https://i.stack.imgur.com/unni3.png