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

标签 javascript jquery html performance

问题:

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

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

<小时/>

问题:

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

<小时/>

技能:

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

最佳答案

你应该得到像这样的图像

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

关于javascript - 先加载特定图像,然后再加载页面的其余部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29113827/

相关文章:

javascript - 为另一个 HTML 类设置选定选项

javascript - 将下拉列表转换为单选或仅使用 javascript/jquery 来更改选择?

javascript - jQuery $.each() 多维 JSON 数组

用于代码语法突出显示的 JavaScript 库,然后在 HTML 中在行级别进行差异?

javascript - 使用样式将数组内容输入到 HTML 中

javascript - 类型错误:无法读取 JSON 上未定义的 Ajax 调用的属性 'value'

javascript - 无法让此 CSS 过渡在 iPhone 上正常运行

javascript - 在 ES6 类中添加上下文/私有(private)变量(不引用 this。)

javascript - 在 textarea 中搜索特定文本 - jQuery/Javascript

html - Bootstrap : Make a buttons width 33% and when the window is too small 100%