Tengo una matriz JSON proveniente del servidor con una matriz de 200 objetos, cada uno con otros 10 objetos que quiero mostrar en formato de tabla. Al principio estaba creando una<tr> para cada iteración y usando jQuery para agregar una<td> construido a partir de los valores de la matriz a la<tr>. Esto tardó unos 30 segundos en Chrome y 19 segundos en IE 8. Esto tardó demasiado, así que intenté cambiar aArray.join() método, donde almacenaría cada cadena que compondría toda la tabla en una matriz, y al final do$('#myTable').append(textToAppend). En realidad, esto funcionó peor que mi primera versión en alrededor de 5 segundos.

Me gustaría llevar esto a unos 10 segundos. ¿Tengo alguna posibilidad de eso? Si no, solo agregaré una fila a la vez, pero prefiero no hacer eso.

for(allIndex = 0; allIndex < entries.alumnus.length; allIndex++){

  var entry = '<tr id="entry' + allIndex + '" class="entry"></tr>';
  $('#content_table').append(entry);

  $('#entry' + allIndex).append(($.trim(entries.alumnus[allIndex].title) != '' ?
        '<td id="title' + allIndex + '" class="cell"><span class="content">' +
         entries.alumnus[allIndex].title + '</span></td>' : '<td width="5%">' + 
         filler + '</td>'));    
  .
  .
  .
  .//REST OF ELEMENTS
  .
  .
  .
}   

ACTUALIZAR ¡Debo haber estropeado algo ayer, porque volví a intentar agregar elementos fuera del DOM y luego adjuntarlos más tarde, sin usar jQuery, y he reducido mi tiempo a 85 ms en Chrome y 450 ms en IE7! ! ¡Ustedes son geniales! Le di la respuesta a user1 porque esa era más completa, y el uso de fragmentos realmente no cambió mucho mis tiempos en Chrome y agregó alrededor de 20 ms en IE7. Pero todavía aprecio la respuesta de @Emre Erkan, y utilizaré más a menudo:)