jquery - 如何减少页面大量图像的下载时间，Ruby on Rails

Question

我有一页很多图像，图像通过 ajax 请求加载并且花费的时间太长。如何改善页面加载？

Answer 1

使用延迟加载。

http://css-tricks.com/snippets/javascript/lazy-loading-images/

延迟加载

JQuery 插件http://www.appelsiini.net/projects/lazyload

$(function() {          
    $("img:below-the-fold").lazyload({
        event : "sporty"
    });
});
$(window).bind("load", function() { 
    var timeout = setTimeout(function() {$("img.lazy").trigger("sporty")}, 5000);
});