Comparación de 3 de los mejores cuadros de selección con capacidad de búsqueda de Javascript: rendimiento de Select2, Chosen y Selectize.js

Cuando se tienen grandes cantidades de cuadros de selección de jQuery/javascript que se deben buscar, es conveniente analizar su rendimiento. Comparé los siguientes cuadros de selección de reemplazo: Seleccionar2, Preferido, Seleccionar.js, BseleccionarCuadro de selección predeterminado del navegador Safari: inicialización en aproximadamente 0,5 segundos.

Configuración

Tengo una página de backend que tiene alrededor de 1000 cuadros de selección que deben inicializarse mediante un cuadro de selección con función de búsqueda y autocompletado. Verifiqué los tiempos de carga de la página y el tiempo de inicialización del cuadro de selección. Lo medí primero a mano y luego con la consola web de Safari.

Actuación elegida

• Medición a mano: alrededor de 8-11 s.
• Medida de consola: aproximadamente 12s.

Contras:

• No tiene soporte para ajax, si quieres hacer esto puedes combinarlo con select2.

Seleccione 2 actuaciones

• Medición manual: la inicialización demora entre 9 y 16 segundos.
• Medida de la consola: aproximadamente 21,69 s.

Rendimiento de Selectize.js

Selectize.js: alrededor de 19 segundos. La consola se bloquea después de 29 segundos. Por lo tanto, excluyo otros resultados.

Rendimiento de Bselect

Bselect: más de 40s, me aburrí de contar, así que excluyo más resultados.

Y el ganador es… Elegido

Se inicializa más rápido, aproximadamente 1,5 veces más rápido que Select2. Sin embargo, Select2 tiene muchas más funciones y se mantiene mejor. Cuando solo necesita cuadros de selección de búsqueda simples y se preocupa por el rendimiento, Chosen es la mejor opción. Tenga en cuenta que es solo una configuración simple; es posible que en otras configuraciones Select2 sea más rápido que Chosen.