如何解决幻灯片的预加载图像没有按预期更快地呈现
我创建了一个图像轮播,并希望预加载图像只是为了更快的渲染和更好的用户体验。但是加载速度似乎没有那么快。我可以看到文件正在 windows/chrome 的缓存文件夹中加载,但看起来浏览器仍然没有从那里获取它们,而是从图像所在的 js 文件中获取。
window.onload = function () {
const europeMap = []
for (let pic of countries) {
const photo = pic.imagebig.split("/")[1]
europeMap.push(photo)
}
const pics = [...europeMap,...images]
for (var i = 0; i < pics.length; ++i) {
let imageObject = new Image();
imageObject.onload = function () {
console.log(`${pics.length} images loaded!`);
}
imageObject.src = `images/${pics[i]}`;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。