最小化 HTTP 请求

Question

我正在为房地产经纪人构建一个应用程序，该应用程序具有显示他们列出的房产的图片库的功能。

通过检查几个类似的网站，我发现他们使用了两种不同类型的图像：

1. 大图像：这些图像用于向用户显示属性
2. 小缩略图：用于帮助用户在 属性 大图像之间导航（类似于控制按钮）。

缩略图和相应的大图非常相似。图片比例相同，只是大小不同

我的问题是：是否只使用一种类型的图像更好，例如，既用于显示又用于导航的大图像。通过这样做，我们减少了对服务器的 HTTP 请求数量，但仍向用户提供相同的结果。

Answer 1

为什么要使用缩略图和更大的图片？

1. 减少请求带宽
2. 减少加载时间
3. 更好的用户体验

这与请求无关，只与下载时间有关。大图像开始滞后页面，因此最好按需而不是任意地提供它们。

页面不必加载 10 张 20MB 的图片，您可以加载 10 张 30KB 的缩略图。一旦用户单击缩略图，他们就会要求查看更大的版本。你看到区别了吗？