Javascript 向dom添加图像并使用Ajax请求txt文件的内容。需要同样的时间吗？

我有相同大小的图像和txt文件，比如200KB。 现在我想计算一下下载图片和文本文件的时间

现在我的问题是将图像添加到DOM中，然后使用Ajax计算加载和请求txt文件内容所需的时间，它们是需要相同的时间，还是由于图像和xml，它们需要不同的时间？为什么?

嗨，我在本地机器上做了一个小实验，结果令人惊讶。 实验环境

将8MB图像添加到DOM并计算 下载时间到了我试过了 20次确保 未缓存图像。我发现 在本地机器上它需要 大约4秒

使用AJAX请求8MB的文本文件，我发现下载文本内容大约需要20秒

---

实验中的想法很清楚，但问题仍然存在，为什么？有人能帮上忙吗。

我从来没有实际测试过它，但传输部分也需要同样的时间。在图像中可能会有更多的开销，因为它涉及一些负载回流、触发事件之类的事情，但我不认为您能够注意到差异

---

除此之外，我们开始研究网络拓扑和优化方面的内容，比如任何使用动态点对点加密的链接，如果是这样的话，它们传输文本文件的速度是否会更快，因为它压缩得更好，诸如此类。但是，如果你说的是通过一个异构网络（比如互联网）来解决这个问题，那就是疯狂了。

你有什么理由认为这有很大的不同吗？例如，您看到的一个具体案例？我之所以感到如此，是因为编码和mimetype相关的差异。本地完成的实验表明，添加到DOM中的图像下载速度很快，但使用Ajax请求的相同大小的文本文件需要更多时间。