在开发 Web 应用程序时，长时间的网络请求是很普遍的。但是，有时您会遇到一些奇怪的问题，例如您的请求会突然停止很长时间，然后恢复正常。这对于用户来说可能是非常糟糕的体验，因为他们无法得知请求是否仍在进行中。
本文将探讨 Chrome 浏览器偶尔出现请求停滞的问题，并提供一些解决方案和建议。
1. 原因分析
当 Chrome 浏览器发出一个 HTTP 请求时，它会在请求头中包含一个 Expect: 100-continue 标头。这告诉服务器开始处理请求，并发送一个继续响应码。如果服务器未回应，则 Chrome 将暂停请求，等待回应。在这种情况下，Chrome 将显示“pending”状态，以表示请求正在等待服务器回应。
如果服务器没有及时响应，Chrome 将终止该请求并显示“stalled”状态。此行为通常是由以下原因之一导致的：
- 网络连接出现问题；
- 服务器过载或宕机；
- 请求被防火墙或代理服务器拦截。
2. 解决方案
2.1. 减少请求次数
减少请求次数是改善网站性能的关键步骤之一。每个请求都需要建立一个新的连接，并且在每次请求和响应时，都会有一定的开销。因此，减少请求次数可以显著减少加载时间并提高网站性能。
2.2. 压缩数据
启用数据压缩可以显著减少传输数据量，从而加快页面加载速度。Gzip 是最流行的数据压缩算法之一，几乎所有现代浏览器都支持它。
2.3. 确保服务器正常运行
如果您的服务器出现故障或过载，请求可能会失去响应并停滞一段时间。确保您的服务器正常运行并具备足够的处理能力是至关重要的。
2.4. 优化 DNS 查询
DNS 解析也可能导致请求停滞。确保您的 DNS 设置正确，并尝试使用 CDN 来加快 DNS 查找速度。
2.5. 减少页面大小
减少页面大小是另一个提高网站性能的有效方法。通过压缩图像、合并 CSS 和 JavaScript 文件以及避免使用大型媒体文件等措施可以显著减少页面大小。
3. 示例代码
以下示例展示了如何使用 jQuery 库向服务器发出 HTTP 请求，以及如何使用 setTimeout 函数模拟一个长时间停顿的请求。
-- -------------------- ---- -------
--------
---- -------------------------
-------- -------------- -
-------------------- ------
--
------ ------------- ------- ------ -
-------------------- -------
--
----------- ------------- -
--------------------- -
-----------------------
-- -------
--
---4. 结论
在本文中，我们讨论了 Chrome 浏览器偶尔出现请求停滞的问题，并提供了一些解决方案和建议。通过遵循这些最佳实践，您可以改善网站性能并提高用户体验。请记住，优化网站性能是一个不断进行的过程，需要不断对其进行监测和优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27102