从网络服务器下载内容缓慢的原因是什么？答案

【问题标题】：What can be reason for slow content downloading from webserver?从网络服务器下载内容缓慢的原因是什么？
【发布时间】：2022-01-12 08:40:50
【问题描述】：

我正在尝试提高网页的性能。我正在使用 ReactJS + webpack，它将我的 jsx 文件编译成一个文件 - search.bundle.js。服务器返回此文件 2-3 秒。文件大小约为 200KB。文件大小是唯一的原因吗？在本地服务器上它工作得很好。但是在远程网络服务器上它真的很慢.. 页面上有谷歌地图和项目列表，我使用 ajax 请求获得。这是在componentDidMount中调用的递归请求（虽然没有获得足够的数据或超时），但据我了解它不能，因为它只能在页面上加载脚本后才能启动请求项。

那么有什么方法可以更快地下载这个脚本？还是我应该尝试减小脚本的大小？

还有一些来自标题选项卡的数据：

在本地：

远程：

【问题讨论】：

您使用的是什么网络服务器？会不会，您在本地 Web 服务器上使用 GZIP，但在远程服务器上却没有？
@StefanRein 有 nginx，在本地我使用 wamp (apache)
好的，那么 GZIP 呢？在 Wamp 上，它是标准启用的。在 nginx 上，它是一个模块。响应头上是否有这个 Header：Content-Encoding:gzip 您还可以在 Network 选项卡上显示内容编码（右键单击名称、状态、类型、大小等名称）
@StefanRein 是的，有 content-endcoding gzip
@StefanRein 我添加了一些关于标题信息的截图

标签： performance nginx webserver

【解决方案1】：

这个问题的答案是脚本有一个可用的源映射。打开 Chrome 的开发者工具面板后，它会向任何可用的源映射文件 (which it does not show you) 发出透明请求。

这些文件通常非常庞大（我的是 3MB+），每次刷新都需要相当长的时间。 Nginx 对它们的处理也很差，至少在我的设置中是这样。我认为将最大 sendfile 块大小设置为较低会有所帮助。

【讨论】：