He realizado pruebas con dos codigos que hacen lo mismo, cargar un select definido con las opciones de una peticion que se realiza bd. codigo php:
<div id="Contenedor" style="position:absolute; height: 0px; width: 0px; opacity: 0;">
<select class="ui-keyboard-input ui-widget-content ui-corner-all ui-keyboard-input-current" size='9'; style="text-align: left; width: 250px; height: 180px" id="Select" disabled="disabled" aria-haspopup="true" role="textbox" type="text">
<?php
$query= "SELECT `id`,`name` FROM `lista`";
$data=SQL($query);
while ($fila = mysql_fetch_assoc($data)) {
$code= $fila['id'];
$name= $fila['name'];
$conc= $id.": ".$name;
?>
<option value="<?php echo $code;?>"><?php echo $conc;?></option>
<?php
}
?>
</select>
</div>
codigo Javascript para el mismo select:
$.get('/pedirLista.php',{
funcion:'listar'
}).done(function(data){
var sele=(JSON.parse(data));
for(x=0; x<sele.length;x++){
$("#Select").append(new Option(x+': '+sele[x],x));
}
});
Pongo el codigo completo pero lo que consume tiempo en cada una de las rutinas es el bucle de relleno de los options, el While en caso de php y el for en caso de javascript. Realizando diferentes pruebas resulta que el codigo javascript tarda un minuto en cargar 4000 registros mientras que php tarda unos 800 milisegundos, ¿como es posible tal diferencia?, ¿hay algo que pueda mejorar en javascript?. Mi pregunta esta justificada por tema que haciendolo mediante javascript, el select queda cargado y no tengo que volver a cargar cada vez que entro en la seccion, mientras que por php, cada vez que se carga la seccion estoy realizando una llamada a bd.