javascript - tumblr 上的慢速查询无限滚动响应？

Question

我正在使用这段代码，我发现它比我以前使用的代码更快:

<script type="text/javascript">
$(window).load(function(){
var $wall = $('.posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : ".entry",
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('.posts').show(500);
});
</script> <script>
$.fn.changebackgroundColor = function(msg) {
$("#perma").css("#000");   }; </script>

但它仍然相当慢，帖子加载有延迟，我想知道我可以更改什么。我使用了 3 列，总共大约 1100px 大。

Answer 1

从文档来看:问题可能与 bufferPx 属性有关。

             bufferPx     : 40,
             // increase this number if you want infscroll to fire quicker
             // (a high number means a user will not see the loading message)
             // new in 1.2
             // default: 40

如果调整该值没有产生明显的影响，则可能只是加载时间的问题，具体取决于加载的数据量。