当有许多照片时，滚动会延迟
当有许多照片时，滚动会延迟
提问于 2015-03-04 23:46:29
考虑以下两种情况：
High-defs vs Low-defs
当滚动图片时，高清晰度图片与低清晰度图片之间存在明显的滞后。
如果，调整实际照片的大小不是一个选项，那么我该怎么做才能使高清晰度列表的滚动更加平滑？
回答 1
Stack Overflow用户
发布于 2015-03-06 09:26:35
在页面加载的同时加载所有图像并不是一个好主意。页面加载时间这是用户拒绝的瓶颈。要创建出色的用户体验，我推荐使用LazyLoad plugin。它将图像加载仅限于视窗，当用户向下滚动页面时加载其他视窗。太棒了。
另一个不错的做法是分隔宽度和高度，这样浏览器就不需要repaint and reflow了。
如果你不喜欢这些技巧，你可以实现一个用于加载图像的javascript队列。：
images = [];
for (var i in t){
images.push(t[i].image_url);
}
function loadNextImg() {
if (!images.length) return false;
var img = new Image();
img.alt = "your-alt";
img.width = 150;
img.onload = loadNextImg;
img.src = images.splice(0,1);
document.body.appendChild(img)
}
loadNextImg();不幸的是，这种方法没有利用并行下载的优势，但使过程更加流畅。只需稍加修改，您就可以同时下载多个镜像。你可以在这里找到这段代码：http://jsfiddle.net/ubgeLq2s/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28858708
复制相关文章
相似问题
腾讯云开发者
