ajax経由でロードするjsonファイルに大量のデータ行があります。
次に、このように各行のデータの一部を含むかなりの数の html コードを作成します。
var gl = $("#gameslist");
$.each(DATA.games, function(index, value) {
gl.append( '<div>... lots of html code here ... '+value.somedata+'</div>');
}
これは、特にモバイル サファリ ブラウザではかなり遅いようです。これを高速化するためのトリックや jquery プラグインはありますか?
編集:要求に応じて、ここにajax呼び出しがあります:
$.ajax({
dataType: "json",
url: "../games.json"
})
.done(function(gamesjson){
DATA = gamesjson;
buildPage(); // this one is calling the above code
})
.fail(function(){
console.log("games.json error");
})
;