我正在使用chrome提供的开发工具(主要是网络标签)。我知道它提供了很多统计数据Chrome Dev tool,但我需要测量以下统计数据
1。网络服务器处理网络请求所花费的时间?
我知道chrome提供了Waiting(TTFB)
,但这是Time To First Byte,这意味着服务器准备响应所花费的时间以及数据从服务器传输到浏览器所花费的时间
2。数据从服务器传输到浏览器所需的时间?
我看到了Content Download
个统计信息。是网络旅行时间吗?如果是的话是
`Time taken by webserver to process the web request = TTFB - Content Download`
第3。浏览器渲染数据所花费的时间?
同样在下图中我看到三个属性Finish,DOMContentLoaded,Load?
我的理解是
完成: - 从开始到结束请求的完成时间
DOMContentLoaded: - 请求到DOMContentLoaded完成时的时间(即HTML与下载的JS / CS文件一起呈现)
加载: - 按onLoad事件触发时的请求时间