[SOLUCIONADO] Live-Search se pone lento 20.000 registros

[sk0rpi0n]

Hola, estoy armando un sistemita para controlar el apartado de servicio tecnico del local donde trabajo...

El problema es que queremos tener 1 sola base de datos de clientes... para no andar cargando los datos de todo y tenemos 20.000 clientes (ya registrados)

Código PHP:

  <div class="row"> 
        <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12"> 
          <div class="form-group"> 
             <label for="nombre">Cliente</label> 
             <select name="idcliente" id="idcliente" class="form-control selectpicker" data-live-search="true" method="get"> 
              <option selected>--Seleccionar Cliente--</option> 
              @foreach($clientes as $cliente) 
              <option value="{{$cliente->idcliente}}">{{$cliente->nombre}}</option> 
              @endforeach 
              </select> 
          </div> 
        </div>  
   

El problema es que al entrar a la web esta... tarda un poco... y aparece el select... al hacer click... tarda bastante en desplegarse y poder escribir en el live-search para encontrar al cliente... donde otra vez se pone lento... (2 a 5 seg entre acción y acción)

Existe la posibilidad que al hacerle click... en lugar de abrir la lista... aparezca solo el cuadro de busqueda y empezar a filtrar no se... a partir del 3er digito por ejemplo...

Alguna idea?

[hhs]

Si no mal recuerdo select2 tiene funcionalidades adicionales para cargar muchos datos. Sería cuestio de que vieras eso en su documentación, si es otro plugin el que usas de la misma forma ve si puedes hacer algo.
Por otro lado te recomiendo que hagas uso del cache para reducir los tiempos y no estes haciendo peticiones a la base de datos cada vez que se carga esa vista.
https://laravel.com/docs/5.7/cache

[sk0rpi0n]

Buenisimo hermano, habia leido algo de eso y luego me quede con el live-search no recordaba eso del select2...

para el que lo necesite:


puse el script

Código PHP:

  <script>
  $(function () {
    //Inicia el select2
    $('.select2').select2({
  minimumInputLength: 3 // para buscar a partir del 3er digito
})
  })
</script>  
  

cambie el live-search por:

Código PHP:

  <select name="idcliente" class="form-control select2">  
   

y linkie al .css y al .js correspondiente!!!