预加载20MB以上的图像。尝试这个值得吗？

Question

我正在开发一个摄影作品集网站。我想知道从数据库下载图像的最佳做法是什么。截至目前，整个画廊大约20MB。该画廊仍处于开发阶段，我打算只在照片之间运行“加载”图形。但客户似乎更喜欢图像预加载。让页面预加载20MB +的照片是否可行，如果是，那么最好的方法是什么？或者最好是加载屏幕？

Answer 1

为什么不通过某些服务器端脚本“预缩缩”图像，预加载缩略图＆amp;缩略图点击显示完整图像（使用某种灯箱js） 这样可以减少很多预加载时间，同时保持完整的组合预览。

Answer 2

一次性取出20MB太多，会导致用户体验缓慢而烦人。您应该依次ajax-load加载每个图像。

很明显，你的影像有多大？一个800 x 600 jpeg应该是大约50k，质量为90-95％。所以20 MB将是400张图像。这对于一页来说似乎很多。我猜你的图像尺寸很大 - 考虑减少它们。如果您希望使用高分辨率，非压缩版本，请将这些版本单独链接。

编辑：仅供参考，我认为非常大的页面（html doc +所有css，js和图像资产）大约是1MB。 “平均”大小的页面可能大约为100k。

Answer 3

我认为更好的方法是在查看当前的一张照片时预先加载下一张照片

Answer 4

是的，绝对不要这样做。记得有些用户会使用移动连接进行连接，其中一些用兆字节进行支付 - 如果你这样做，那么你只需要用20 MB的额外费用来处理他们可能永远看不到的图像。

Answer 5

我认为这两种解决方案都不实用 - 我建议你缩小图像尺寸。

Answer 6

20MB可能太多，除非它是一个专门的应用程序，你有信心1）用户将等待2）他们将查看大多数这些图像。否则，你在浪费带宽。

我会考虑一种策略，在这种策略中，您的图像缓存在服务器内存中，以避免数据库流量与客户端预缓存一些可以添加它的图像相结合。例如，如果用户在图像“A”上，则也加载“B”和“C”。