3 delle migliori caselle di selezione ricercabili Javascript a confronto: prestazioni Select2 vs Chosen vs Selectize.js

Quando si hanno grandi quantità di caselle di selezione jQuery/javascript che devono essere ricercabili, è saggio esaminarne le prestazioni. Ho confrontato le seguenti caselle di sostituzione di selezione: Seleziona2, Scelto, Seleziona.js, SelezionaCasella di selezione predefinita del browser Safari: inizializzazione in circa 0,5 secondi.

Impostare

Avendo una pagina di backend che ha circa 1000 caselle di selezione che devono essere inizializzate da una casella di selezione ricercabile/completata automaticamente. Ho controllato i tempi di caricamento della pagina e il tempo di inizializzazione della casella di selezione. L'ho misurato prima a mano e poi tramite la console web di Safari.

Prestazione scelta

• Misurazione manuale: circa 8s-11s.
• Misura della console: circa 12 secondi.

Contro:

• Non supporta Ajax, se vuoi farlo puoi combinarlo con select2.

Seleziona 2 prestazioni

• Misurazione manuale: l'inizializzazione richiede circa 9-16 secondi.
• Misura della console: circa 21,69 s.

Prestazioni di Selectize.js

Selectize.js: circa 19s. La console si blocca dopo 29s. Quindi, escludo ulteriori risultati.

Prestazioni Bselect

Bselect: più di 40, mi sono stufato di contare, quindi escludo ulteriori risultati.

E il vincitore è... Scelto

Si inizializza come il più veloce, essendo circa 1,5 volte più veloce di Select2. Tuttavia, Select2 ha molte più funzionalità ed è meglio mantenuto. Quando hai bisogno solo di semplici caselle di selezione ricercabili e tieni a mente le prestazioni, Chosen è la scelta migliore. Nota che è solo una configurazione semplice, potrebbe essere che in altre configurazioni Select2 sia più veloce di Chosen.

Ultimo aggiornamento il 18 luglio 2023