javascript - 使用resource timing观测资源的访问情况,responseEnd=0代表什么?
typecho
typecho 2017-06-12 09:31:53
0
1
832

PS: 下面这个timing即不查询缓存也不请求网络资源为什么会出现这种情况

typecho
typecho

Following the voice in heart.

全部回复(1)
学习ing

谢邀,duration为0应该是命中了缓存,并且是通过max-age控制的长缓存,所以连服务器返回304的时间都省去了,Network 中的信息证明了这一点:

当禁用缓存后,刷新页面可以看到经过网络过程所耗的时间:

但是另一个问题来了,为什么这么多的时间信息显示为0?这时候就要翻出规范来查阅一下,比如说responseStart在规范中的定义:

On getting, the responseStart attribute must return as follows:

  1. The time immediately after the user agent receives the first byte of the response from relevant application caches, or from local resources or from the server if the last non-redirected fetch of the resource passes the timing allow check algorithm.

  2. zero, otherwise.

简单地说,responseStart记录了浏览器发起资源请求的时间,但要通过 timing allow check 的检查,否则返回0。跳到定义看一眼,其实就是检查是否符合同源策略,如果出现跨域情况,需要通过在资源返回时增加Timing-Allow-Origin记录了浏览器发起资源请求的时间,但要通过 timing allow check 的检查,否则返回0。跳到定义看一眼,其实就是检查是否符合同源策略,如果出现跨域情况,需要通过在资源返回时增加Timing-Allow-Origin header来解决。

在我们团队的博客上,可以看到引入同源资源时,各项统计的完整性。

最后讨论responseEnd为0的情况,规范上要求,非同源资源改信息返回0,但我们也看到了,Chrome给出了与startTime相同的值,我想这应该算是规范与具体实现不同的一个例子吧。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板