在Web上同时加载文件比按顺序加载文件更快吗？

Question

我想按照特定顺序将图片加载到我的网站，但发现这会减慢我网站的总下载时间。

在Web上同时加载文件是否更快，而不是按顺序加载？ 为什么呢？

我觉得这很有用，但没有完全回答我的问题： http://code.google.com/speed/page-speed/docs/rules_intro.html

Answer 1

有更好的方法来优化图像加载。您可以使用CSS Sprites在多个位置实际重用相同的图像文件，但使用定位和裁剪仅每次显示部件。

您还可以使用延迟加载，因此您只能加载屏幕上显示的图像。

CSS Sprites

http://www.alistapart.com/articles/sprites

http://css-tricks.com/css-sprites/

延迟加载

http://www.appelsiini.net/projects/lazyload

Answer 2

顺序下载的部分速度问题是每次下载都必须进行连接设置。

如果您的Web服务器正确处理管道请求，那么这不是一个问题。

另一个问题是，在单个下载流中，TCP在稳定下载速度之前开始出现波动（慢，太快，不太快，太快，快）。使用多个连接平滑，使每个TCP会话的峰值和谷值抵消。

Answer 3

我发现这个最佳点是连续4次下载。更多，你没有看到速度的改善。为此，您需要定义4个不同的子域来获取文件。浏览器通常不会从同一服务器下载多个文件。