javascript - 先加载特定图像，然后再加载页面的其余部分

Question

问题:

我们有一个页面加载几百个图像(页面上 92% 的请求和字节来自图像)，并且正在寻找在加载其余部分之前加载特定 div 中的图像(大约 20 个图像)的方法。页面上的图像。

经过搜索，似乎人们要么使用分页，要么使用延迟加载——客户端已经排除了延迟加载，如果可以的话，我们都不想分页。

<小时/>

问题:

是否有一种简单的方法可以强制浏览器在加载其余图像之前先加载某个 div(或多个 div)内的图像？

<小时/>

技能:

我们的 javascript/jquery 是有限的(只能阅读其他人的说明) - 因此我们将不胜感激任何正确方向的帮助或指示。

Answer 1

你应该得到像这样的图像

window.on('load',function(){
//functionality to get images for the later load from server
})