<分区>
我正在开发一个摄影作品集网站。我想知道从数据库下载图像的最佳做法是什么。截至目前,整个画廊大约有 20MB。画廊仍在开发中,我打算只在照片之间运行“加载”图形。但是客户端似乎更喜欢图像预加载。让页面预加载 20MB 以上的照片是否可行,如果可行,最好的方法是什么?还是最好使用加载屏幕?
<分区>
我正在开发一个摄影作品集网站。我想知道从数据库下载图像的最佳做法是什么。截至目前,整个画廊大约有 20MB。画廊仍在开发中,我打算只在照片之间运行“加载”图形。但是客户端似乎更喜欢图像预加载。让页面预加载 20MB 以上的照片是否可行,如果可行,最好的方法是什么?还是最好使用加载屏幕?
最佳答案
一次获取 20MB 太多了,这会导致缓慢且烦人的用户体验。您可能应该依次使用 ajax 加载每个图像。
顺便问一下,你的图片有多大?一个 800 x 600 的 jpeg 在 90 - 95% 的质量下应该是 50k 左右。所以 20 MB 将是 400 张图像。对于一页来说,这似乎很多。我猜你的图像尺寸很大 - 考虑减少它们。如果您想获得高分辨率、非压缩版本,请单独链接这些版本。
编辑:仅供引用,我认为一个非常大的页面(html 文档 + 所有 css、js 和图像资源)大约为 1MB。 “平均”大小的页面可能约为 100k。
关于html - 预加载 20MB 以上的图像。值得尝试吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6875526/