infiniteScrollで軽量化するには？

###前提・実現したいこと
(例)infiniteScrollでスクロールするとアニメがスクロール量に応じて動くものを作っています。

私の考えとしては軽量化のためスクロールされた前の記事（スクロール量）を削除する方法はありますか？
その他に軽量化するために必要なことがあれはご教授願います。

###該当のソースコード

$(document).ready(function(){
$(function(){$('#content').infinitescroll({navSelector:".navigation",nextSelector:".navigation a",itemSelector:".article"});});
function init() {
window.addEventListener('scroll', function(e){
var w=$(window).scrollTop();
var li= $('.DotLi');
var body= $('body');
if (w > 9000) {li.css('background-color','#333');body.css('background-color','#fff');
}else if (w > 8500) {li.css('background-color','#666');body.css('background-color','#ccc');
...
}else if (w > 0) {li.css('background-color','#666');body.css('background-color','#000');
// li大量生成（ロードしたとき）
$(function(){$(window).load(function(){var $jqul=$("<ul>").addClass("DotUl");var i=0;var j=0;while(i<5500) {var n=Math.floor(i/200);var $jqli=$("<li>").addClass("DotLi").addClass("N"+i).addClass("L"+n);$jqul.append($jqli);i++;}$('#DotArea').append($jqul);});});
})