jQuery大型列表性能

Question

我有动态创建，与jQuery的分层列表的性能问题。我从服务器获取通过JSON我的数据，然后用这使其客户端：

for (var i = 0; i < myArray.length; i++){ 
    var subArr = myArray[i]; 
    var newElm = "<li id="+subArr.node_order+" value="+subArr.id+" class='list-item'><span>"+subArr.node_name+"</span><ul></ul></li>"; 
    var parent = $("li#"+subArr.parent_id+" ul"); 

    if(parent[0] != undefined){ 
     $(parent[0]).append(newElm); 
    } else{ 
     sortable.html("<ul>"+newElm+"</ul>"); 
    } 
} 

列表可高达15,000名单“礼”的项目。与约6500项目，数据从服务器检索大约。 1.5秒，但在建立和绘制列表之后大约需要4.4秒。这是迄今为止我所见过的最快的，但11k +物品是正常的。我也想要最小化任何插件，因为这个列表是可拖拽的且非常动态的，所以拖拽/放置不会被激活，直到悬停在“范围”上。

任何指针，非常感谢！

Answer 1

几个环节来指导你在jQuery的性能和附加项目到DOM

• reasons-to-use-append-correctly
• 5 easy tips on how to improve your code performance while working with huge data sets in jQuery