XHR 请求随机滞后。重启chrome浏览器有帮助

Question

XHR 请求有时需要很长时间才能执行。通常它们花费的时间不到一秒，但有时它们会滞后很长时间（20-30 秒）。

我注意到，如果我重新启动浏览器（chrome），那么请求和网站本身就会开始正常加载（不到一秒）。另外，在这些延迟期间，我尝试从另一个浏览器（firefox）访问该网站，并且所有内容都正常加载。我还没有找到发生这种情况的原因...

请求过程中现场没有复杂的计算。此时我没有在服务器或客户端上观察到任何高 CPU 使用率或内存泄漏。

我附上了开发工具 chorme 正常加载和缓慢加载的屏幕截图：

正常速度请求

滞后请求

我使用nodejs并在发送响应之前执行console.log以测试问题是否出在我的服务器中：

 //const filteredLevels = data from database...

   console.log(filteredLevels) // console.log works quickly on the server, but the browser doesn't get a response for a long time.

    return response.status(200).json({
        success: 1,
        levels: filteredLevels,
    });

但是服务器端一切似乎都很好。服务器从数据库获取数据，将该数据放入filteredLevels变量中并发送响应。但在客户端，数据会在 20-30 秒内到达。

我也可能怀疑CloudFlare，我的流量通过他们的DNS，也许他们是这个问题的原因，但我还不知道如何检查......

我的传出流量约为 10 MiB/s (84 Mbps)。看起来还可以。

不知道为什么有时会发生...谢谢！

Answer 1

CloudFlare 毕竟是原因：在 CloudFlare 中禁用 HTTP/3 协议有助于加快我的网站速度。