将一个大图像分成4个较小的图像会减少加载时间吗？

Question

您有一个以PNG格式保存的大图像，其大小约为600KB左右。

，当访客来时，图像完全加载需要几秒钟的时间。

我很好奇，如果将图像拆分成较小的部分会减少访问者的总体加载时间。

Answer 1

如果您拆分图像然后将图像分割到不同的域上，则应该并行下载图像。它仍然是使用较小图像的更好选择，因为人们连接速度较慢，但​​仍然存在很多。

Answer 2

将大图像切割成更精细的图像可以减少加载时间，因为现代浏览器可以在同一时间加载这些图像（在pararell中）。 但是每个图像在加载流程中都需要时间：

1. 浏览器提出请求
2. 等待回复，
3. 然后加载。

因此对于较小的图像：最好制作更大的图像：调用sprite（只需要一个HTTP请求）。对于真的很大，最好切片（加载时更好的UI体验）。

Answer 3

如果您的网络服务器可以提供访问者的整个带宽，那么加载时间就没有差别。但如上所述，最好使用小尺寸的良好压缩。您可以提供可能性（如缩放按钮），以便为访问者提供“高质量”版本。