Chrome 开发者工具中的“XHR 加载”是什么意思？答案

【问题标题】：What does "XHR Load" mean in Chrome Developer Tools?Chrome 开发者工具中的“XHR 加载”是什么意思？
【发布时间】：2018-07-12 20:28:09
【问题描述】：

我使用 Chrome 的开发者工具监控我们的 JavaScript 应用程序的性能。

输出如下所示：

我不太明白“XHR 加载”的确切含义。根据Google reference，“XHR 加载”是一个事件。那么，XHR 加载耗时 3014 毫秒（总共）到底意味着什么？是不是表示这个事件触发的函数执行耗时3014ms？

【问题讨论】：

"XHR" 只是人们所说的“Ajax 请求”的技术名称。这显示了请求的加载时间，花费了 3014 毫秒
你确定吗？我只触发一个 ajax 请求。为什么这会导致性能表中出现多个“XHR 负载”条目？而“XHR Load”是ajax请求，我还是不知道究竟花了3014ms：ajax请求的执行，将字符串解析成json对象，执行“success”函数，...？

【解决方案1】：

XHR 被称为“XmlHttpRequest”，它允许在 Javascript 中发出 HTTP 请求。如今，还有另一种称为“fetch”的方法在某种程度上弃用了 XmlHttpRequest。

【讨论】：

【解决方案2】：

XHR Load =>  An XMLHTTPRequest finished loading.

【讨论】：