Mejorar rendimiento >> Metodo html de Jquery

[informacionsys]

Hola a todos

Un gran saludo

Tengo un arreglo con mas o menos 6000 posiciones , hago un foreach de ese arreglo y por cada ciclo genero un codigo html , aqui el codigo

Código PHP:

$codeHTML = "";
foreach($dataUsuarios as $data)
{
    $codeHTML .= "<tr>";
        $codeHTML .= "<td>Name</td>";
        $codeHTML .= "<td>{$data["name"]}</td>";
    $codeHTML .= "</tr>";
}
 

Finalmente ese data la pinto en una tabla html con Jquery

Código Javascript:

$("mitabla").html(respuesta);
 

Esto realentiza los navegadores, ocupa mucha memoria ese proceso... lo intente con append pero la misma vaina, aunque en Firefox se alcanza a colgar si me pinta bien los registros, pero en IE se revienta y cierra el navegador..

No se que hacer..

[eamexicano]

En jQuery lo que podrías hacer es tener una variable donde tengas el objeto seleccionado.
Así evitas que se vuelva a realizar la búsqueda en el DOM.

Código Javascript&#8221:

}</td>";
    $codeHTML .= "</tr>";
}
$codeHTML .= “</tbody>”;
$codeHTML = “</table>”;
 

Puse el thead y el renglón (tr) y columna (td) del encabezado en distintos renglones para la lectura, lo puedes poner en un solo renglón.

Es lo único que se me ocurre
Saludos.

[eamexicano]

ummm… no se pegó bien el código
va la parte de javascript

Código Javascript:

$tabla = $(mitabla)
$tabla.html(respuesta)
 

[eamexicano]

Va la parte de PHP

Código PHP&#8221:

}</td>";
    $codeHTML .= "</tr>";
}
$codeHTML .= "</tbody>";
$codeHTML .= "</table>";
 

[informacionsys]

Hola

Vale gracias , de hecho te muestro como tengo la tabla

Código HTML:

<table>
  <thead>
     <tr>
        <td>Nombre</td> 
    </tr>
</thead>
  <tbody id="contentRegistros"></tbody>
</table>
 

Código Javascript:

$(document.getElementById("contentRegistros")).html(respuesta);
 

[eamexicano]

Otra opción que se me ocurre. Va a tardar más en visualizarse pero que a lo mejor funciona en explorer es regresar los resultados como json y con javascript procesarlos ¿ya intentaste eso?

[eamexicano]

En stackoverflow - http://stackoverflow.com/questions/8640692/slow-response-when-the-html-table-is-big - encontré con un jsFiddle que inserta 10,000 filas

http://jsfiddle.net/ThinkingStiff/gyaGk/

Hasta el final de la sección de JS viene el código de prueba

for (var i = 0; i < 10000; ++i) {
stck.stockInfo.push(['TESTSKU', 'A test item', i]);
}
stck.showRow(1000, false)

Tal vez te pueda servir de referencia

[informacionsys]

Hola,

La idea de retornar un json y procesarlo si la he pensado pero no la he hecho, creo que daria el mismo resultado.. sin embargo voy a intentar, gracias por el aporte voy a revisar como funciona el codigo http://jsfiddle.net/ThinkingStiff/gyaGk/ , y te cuento

Gracias.

[chichote]

y no has pensado en paginacion? traer 6mil registros con un salo dato (ejem: el nombre) te pesaria unos 250 a 300kb, si le sumas un par de datos mas como apellidos, email, etc (o que se yo) te puede superar facilmente 1MB.

Yo optaria por json pero con busquedas parcializadas, por ejemplo con un scroll infinito, a medida que vas bajando en tu pagina se vayan haciendo nuevas peticiones al servidor.

Saludos.