Tengo problemas de rendimiento con una lista en capas creada dinámicamente con jquery. Recupero mis datos a través de JSON desde el servidor y luego los represento del lado del cliente con esto:

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>");
    }
}

La lista puede tener hasta 15,000 elementos 'li' de lista. con aproximadamente 6500 elementos, los datos se recuperan del servidor en aprox. 1,5 segundos, pero tarda unos 4,4 segundos después de eso para construir y pintar la lista. Este es, con mucho, el más rápido que he visto hasta ahora, pero 11k + artículos es normal. También quiero minimizar los complementos porque esta lista es arrastrable / soltable y bastante dinámica, por lo que la función de arrastrar / soltar no se activa hasta que pasa el cursor sobre el 'intervalo'.

¡Cualquier puntero es muy apreciado!