了解 chrome 控制台上的网络选项卡

Posted 2023-02-16

【中文标题】了解 chrome 控制台上的网络选项卡

【英文标题】：understanding network tab on chrome console

【发布时间】：2018-02-16 10:36:45

【问题描述】：

我正在编写一个基于多个 API 调用构建 Trello 卡数据表的应用程序，当应用程序运行时，我发现运行时间越长性能会显着下降。最初的调用需要几秒钟，而后来的调用（大约 100 次运行后）需要一分钟以上。

查看我的 Chrome 控制台上的 XHR 网络选项卡，我可以看到大部分调用是由 Ajax 调用的“内容下载”阶段进行的。 我很好奇这是否意味着问题出在我的应用程序上，或者问题出在我试图调用的 API 上？我有点新手，所以我的术语可能是这里不合适。

【参考方案1】：

内容下载时间是从服务器下载您的内容的时间。

很长的时间可能是由于客户端或服务器端的连接速度较慢。

如您所见，TTFB（到第一个字节的时间）约为 200 毫秒。所以你的服务器在 200 毫秒后开始发送数据。您的服务器进程似乎没问题。

您可以单击“说明”链接以获取更多信息。