移动端的 Lazyload 和 Masonry

Question

我有一个代码在桌面上运行良好，但我的图像在移动设备上加载时间太长，有时根本无法加载...有什么帮助吗？

代码

.js (function(a) { var b = a(".grid").masonry({ itemSelector: ".grid-item", columnWidth: 306, fitWidth: !0, transitionDuration: 0 }); b.imagesLoaded().progress(function() { b.masonry("layout"); a(".loading").hide(); a(".grid").show(); }); a(document).ready(function() { a("img.imgload").lazyload({ threshold: 430, failure_limit: 10 }); }); })(jQuery);

.html

<div class="loading"></div>
<div class="grid">
<div class="grid-item"><a href="blablabla" class="main"><img class="imgload" src="/img/dummy.jpg" data-original="blablabla" width="300" height="420"></a>
</div>
</div>

.css .loading {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background: url(/img/modal-loader.gif) center no-repeat #fff }

Answer 1

我发现了问题：

    a(document).ready(function() {

移动端的 Lazyload 和 Masonry

Lazyload and Masonry on mobile

lazy-loading

masonry