好的,我有一个页面,其中有一些高分辨率图像,加载时看起来很棒(但当用户在初始页面下载时看到半加载的图像时,效果就不那么好了)。我研究了 jquery 预加载图像(例如这里的 helpful Q/A),但问题是,我的页面基本上是一个由 Ember.js 控制的应用程序 - 所以我不确定在哪里最好插入图像-预加载代码,我似乎找不到任何关于在页面完成加载之前运行 Ember.js 代码的文档(ready 函数对于预加载图像来说可能太晚了,因为它在页面完成后运行,对吧?)
底线:如果我有 Ember.js,放置图像预加载代码的最佳位置在哪里?
最佳答案
没关系,您可以随时使用 javascript 预加载图像。
但是您需要考虑带宽消耗以及某些浏览器中可能的并行下载槽限制,因此我建议不要在应用程序和 UI 完成之前预加载许多大图像。
这是一个最小的代码示例:
(new Image).src = 'preload.jpg';
关于jquery - 使用 Ember.js 和 jQuery 预加载页面资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13661258/