我无法想象这是如何开始发生的，几个月来一直运行良好......
在 chrome/ff 中观看您的网络标签 - 它在页面上一秒钟后加载 250 多个图像请求...它说 jquery 启动这些请求...
几乎就像 LL 中的某些东西对哪些图像可见......我尝试了很多选项都无济于事。
使用这个 LL：http://www.appelsiini.net/projects/lazyload 并使用此代码：
jQuery("img.lazy").lazyload({
effect: "fadeIn",
effectspeed: 200,
failure_limit: Math.max(jQuery("img").length - 1, 0)
});
有什么想法吗？
【问题讨论】：
标签： jquery lazy-loading
看起来是event 设置。 default 设置为 scroll，看起来它加载了滚动上的所有图像。
如果你这样做，在控制台中：
jQuery('img.lazy').attr('src', ''); //Reset the images
jQuery('img.lazy').lazyload({event: 'hover'}); //Rebind our own
您会注意到它现在在悬停时可以正常工作。所以我相信这只是scroll 事件引起的问题。奇怪的是，我相信threshold 设置应该可以解决这个问题，但我从未使用过该插件，所以我不完全确定。
不过，我希望这至少可以为您指明正确的方向，并且您可以更改事件，或者错开您延迟加载的 img 元素。
更新
如果您对揭开插件（在控制台中）执行类似操作，它实际上似乎可以正常工作（在 Firefox 中，没有占位符）：
jQuery('img.lazy').attr('src', '');
jQuery('img.lazy').unveil(); //Images will now load as they are scrolled to
因此，也许您可以尝试推迟公开电话。
【讨论】：
setTimeout(function() {jQuery("img").unveil();}, 1); 在 ready() 这只是一个临时修复，但这使得页面基本上完全加载，然后图像在一毫秒后通过 JS 加载。 .. 用户看不出有什么不同，因为视图中的前 9 个图像加载速度非常快。
当页面加载时，您的图像很可能都在视口中。例如，当 HTML 没有设置图像的尺寸时，就会发生这种情况。
这对我来说是个问题。必须为图像设置最小尺寸，以便它们在加载之前不都是 0px 高。
【讨论】：