html - 预加载 20MB 以上的图像。值得尝试吗?

标签 html preloading portfolio photography

<分区>

我正在开发一个摄影作品集网站。我想知道从数据库下载图像的最佳做法是什么。截至目前,整个画廊大约有 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/

相关文章:

javascript - 使用 AngularJS 使用对象数组填充和过滤下拉列表

objective-c - NSOperationQueue vs NSThread Priority——控制 NSOperationQueue 消耗多少 cpu

database - 如何使用 Gorm 预加载

java - 在代码中检测 PDF 包或组合

mysql - 支持股票拆分/合并的股票投资组合数据库设计

javascript - 如何在 JSFiddle 上获取 Facebook Like 按钮?

html - 链接需要双击才能激活 - 如何使其只有一个? Angular 5

php - 如何创建没有间距/填充的图片网格? (WordPress)

javascript - 追加行 Jquery/Bootstrap

javascript - 使用 Justified Gallery 预加载图像