Als u grote hoeveelheden jQuery/javascript-selectievakken heeft die doorzoekbaar moeten zijn, is het verstandig om naar de prestaties ervan te kijken. Ik heb de volgende geselecteerde vervangende dozen vergeleken: Selecteer2, Gekozen, Selecteer.js, Bselect. Standaard selectievak voor Safari-browser: initialiseren ongeveer 0,5 seconde.
Opgericht
Het hebben van een backend-pagina met ongeveer 1000 selectievakken die moeten worden geïnitialiseerd door een doorzoekbare/autocomplete selectiebox. Ik controleerde de laadtijden van de pagina en het tijdstip van initialisatie van het selectievak. Ik heb het eerst met de hand gemeten en later via de Safari-webconsole.
Gekozen prestatie
Minpunten:
- Heeft geen ajax ondersteuning, wil je dit wel dan kun je het combineren met select2.
Selecteer 2 prestaties
Selectize.js-prestaties
Selectize.js: ongeveer 19s. Console crasht na 29 seconden. Ik sluit dus verdere resultaten uit.
Bselecteer prestaties
Bselect: ouder dan 40, ik verveelde me met tellen, dus ik sluit verdere resultaten uit.
En de winnaar is... Gekozen
Het initialiseert het snelst, ongeveer 1,5x zo snel als Select2. Alhoewel Select2 veel meer functionaliteiten heeft en beter onderhouden wordt. Als u alleen eenvoudig doorzoekbare selectievakken nodig heeft en aan de prestaties denkt, is Chosen de beste keuze. Merk op dat het slechts één eenvoudige configuratie is, het kan zijn dat in andere configuraties Select2 sneller is dan Chosen.
Chosen werkt niet op mobiel, het is niet doorzoekbaar op mobiel.