使用Ember.js和jQuery预加载页面资源

Question

好的，所以我有一个页面有一些高分辨率的图像，加载时看起来很棒（但是当用户在初始页面下载时看到半载的图像时不是很好）。我已经研究了jquery预加载图像（例如这里非常helpful Q/A），但问题是，我的页面基本上是一个由Ember.js控制的应用程序 - 所以我不知道哪里最好插入图像预加载代码，我似乎无法找到关于在页面完成加载之前运行的Ember.js代码的任何文档（就绪函数在页面完成后运行时预加载图像可能为时已晚？）< / p>

底线：如果我有Ember.js，哪里是放置图像预加载代码的最佳位置？

Answer 1

没关系，您可以随时使用javascript预加载图片。

但是你需要在某些浏览器中考虑带宽消耗和可能的并行下载插槽限制，所以我建议不要在应用和用户界面完成之前预加载许多大图像。

这是一个最小的代码示例：

(new Image).src = 'preload.jpg';

Answer 2

基本上你想编写一个需要在Emberjs Application类/对象之前运行的函数。所以你可以在创建或初始化Application对象之前运行该函数。我建议你在创建Application对象之前这样做。