1

Estoy usando este plugin de autocomplete, mi duda reside en que no me decido si proveer la lista de elementos para filtrar vía AJAX o almacenarlo localmente, ya que si es vía AJAX se van a estar haciendo consultas a la base de datos del tipo LIKE "%queryDelUsuario%" que por lo que tengo entendido son muy lentas cada vez que el usuario tipee en el buscador. Pero no se que tan conveniente sea almacenarlo localmente cuando el numero de elemento incremente a 100.000 (por solo poner un ejemplo).

¿Cuál de las opciones es más óptima cuando el numero de elementos tiende a ser cada vez más alto?

3
  • 2
    Con índices apropiados (o si usas SQLS, índex seek), la consulta mejora significatoriamente, reduciendo tiempo, lecturas lógicas y CPU. Ten en cuenta que cuando se habla de "lento" usando Like se habla de muchos, muchos registros.
    – gugadev
    el 2 mar. 2017 a las 16:41
  • 1
    Las consultas no son lentas, pero cada request tiene una latencia implícita. Lo bueno es que esos plugins siempre tienen un setting para no gatillar el request hasta alcanzar un mínimo de caracteres cosa de reducir la cantidad de resultados. Supongo que la cantidad de registros es justamente el inconveniente que tienes para proveer la lista de elementos completa desde el frontend.
    – ffflabs
    el 2 mar. 2017 a las 16:50
  • Gracias a ambos por haberse tomado la molestia de responder! Me decidí por la opción AJAX, con un mínimo de 3 caracteres y delay de 50ms para evitar la sobrecarga. Además la librería que mencioné tiene cache implícito, así que creo que se la va a bancar siempre y cuando no lleguen a los millones de millones de registros
    – Genarito
    el 3 mar. 2017 a las 20:49

1 respuesta 1

2

Podrias almacenarlo localmente al cargar la pagina todo los nombres que consideres de la tabla, y se la pases a lo que se denomina sessionStorage, de la siguiente manera. (sessionStorage es un almacenamiento local que tiene un maximo de 5mb de escritura)

Al cargar la pagina, traer datos de la bbdd, según las columnas que hace la consulta, a esto le colocaremos una variable "datos".

luego con jquery pasas estos datos a la sessionStorage de la siguiente manera:

sessionStorage.setItem("datosAlmacenar",datos);

Datos en este caso es un json, el cual puedes luego consultar directamente desde la sessionStorage que esta por el lado del cliente ahora solamente.

Si necesitas extraer esta informacion basta con:

datosAlmacenados = sessionStorage.getItem("datosAlmacenar");
JSON.parse(datosAlmacenados);

ahora que lo tienes en json puedes buscarlo si existe, y si existe, haces la busqueda en la bbdd

PD: Para eliminar basta la sessionStorage, basta con:

sessionStorage.remove("datosAlmacenar");

Espero haberte ayudado :D

2
  • Hola! Gracias por tomarte la molestia de responder! No conocía sessionStorage, excelente info! Al final me decidí por los llamados a AJAX ya que los datos que traigo podrían llegar a ser mayores a 5MB en un futuro, además que la librería autocomplete que uso tiene caché y otras herramientas que mejoran mucho la performace. Gracias nuevamente
    – Genarito
    el 27 mar. 2017 a las 17:36
  • 1
    No hay problema estimado, espero que no tengas problemas con tu proyecto. Exito el 27 mar. 2017 a las 17:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.