Lorsque vous avez de grandes quantités de boîtes de sélection jQuery/Javascript qui doivent être consultables, il est judicieux d'examiner leurs performances. J'ai comparé les boîtes de remplacement de sélection suivantes : Sélectionner2, Choisi, Sélectionner.js, Bsélect. Boîte de sélection du navigateur Safari par défaut : initialisation d'environ 0,5 s.
Installation
J'ai une page backend qui contient environ 1000 cases de sélection qui doivent être initialisées par une case de sélection consultable/auto-complétion. J'ai vérifié les temps de chargement de la page et le temps d'initialisation de la case de sélection. Je l'ai mesuré d'abord à la main, puis via la console Web Safari.
Performance choisie
- Mesure à la main : environ 8s-11s.
- Mesure de la console : environ 12s.
Cons :
- N'a pas de support ajax, si vous souhaitez le faire, vous pouvez le combiner avec select2.
Sélectionnez 2 performances
- Mesure à la main : l'initialisation prend environ 9 à 16 secondes.
- Mesure de la console : environ 21,69 s.
Performances de Selectize.js
Selectize.js : environ 19 s. La console plante après 29 s. J'exclus donc tout autre résultat.
Performances Bselect
Bselect : plus de 40, je me suis ennuyé à compter, donc j'exclus d'autres résultats.
Et le gagnant est… Choisi
Il est initialisé le plus rapidement, étant environ 1,5 fois plus rapide que Select2. Cependant, Select2 a beaucoup plus de fonctionnalités et est mieux maintenu. Lorsque vous n'avez besoin que de boîtes de sélection simples et consultables et que vous vous souciez des performances, Chosen est le meilleur choix. Notez qu'il ne s'agit que d'une configuration simple, il se peut que dans d'autres configurations, Select2 soit plus rapide que Chosen.
Français 
English 
Deutsch 
Nederlands 
Español
Choisi ne fonctionne pas sur mobile, il n'est pas consultable sur mobile.