3 van de beste doorzoekbare Javascript-selectievakken vergeleken: Select2 versus Chosen versus Selectize.js-prestaties

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

  • Met de hand meten: ongeveer 8s-11s.
  • Consolemaat: ongeveer 12s.Gekozen select box-prestaties

Minpunten:

  • Heeft geen ajax ondersteuning, wil je dit wel dan kun je het combineren met select2.

Selecteer 2 prestaties

  • Met de hand meten: initialiseren duurt ongeveer 9s-16s.
  • Consolemaat: ongeveer 21,69s.Select2 select box-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.

1 gedachten over “3 of the best Javascript Searchable Select Boxes compared – Select2 vs Chosen vs Selectize.js performance”

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

nl_NLNederlands
Scroll naar boven