3 der besten durchsuchbaren Auswahlfelder in Javascript im Vergleich – Leistung von Select2 vs. Chosen vs. Selectize.js

Wenn Sie viele jQuery/JavaScript-Auswahlfelder haben, die durchsuchbar sein müssen, ist es sinnvoll, deren Leistung zu prüfen. Ich habe die folgenden Auswahl-Ersatzfelder verglichen: Auswählen2, Gewählt, Selectize.js, B auswählen. Standardauswahlfeld des Safari-Browsers: Initialisierung dauert ca. 0,5 s.

Aufstellen

Ich habe eine Backend-Seite mit etwa 1000 Auswahlfeldern, die durch ein durchsuchbares/automatisch vervollständigtes Auswahlfeld initialisiert werden müssen. Ich habe die Ladezeiten der Seite und die Zeit der Initialisierung des Auswahlfelds überprüft. Ich habe es zuerst manuell und später über die Safari-Webkonsole gemessen.

Ausgewählte Leistung

  • Messung per Hand: ca. 8s-11s.
  • Konsolenmaß: ca. 12s.Ausgewählte Auswahlbox-Leistung

Nachteile:

  • Hat keine Ajax-Unterstützung. Wenn Sie dies tun möchten, können Sie es mit select2 kombinieren.

Wählen Sie 2 Leistungen

  • Messung per Hand: Die Initialisierung dauert etwa 9–16 Sekunden.
  • Konsolenmessung: ca. 21,69 s.Select2 Auswahlfeldleistung

Selectize.js-Leistung

Selectize.js: ca. 19 s. Konsole stürzt nach 29 s ab. Weitere Ergebnisse schließe ich daher aus.

Bselect-Leistung

Bselect: mehr als 40 s, das Zählen wurde mir langweilig, daher schließe ich weitere Ergebnisse aus.

Und der Gewinner ist … Auserwählt

Es wird am schnellsten initialisiert und ist etwa 1,5-mal so schnell wie Select2. Allerdings hat Select2 viel mehr Funktionen und ist besser gewartet. Wenn Sie nur einfache durchsuchbare Auswahlfelder benötigen und auf die Leistung achten, ist Chosen die beste Wahl. Beachten Sie, dass es sich nur um eine einfache Konfiguration handelt. Es kann sein, dass Select2 in anderen Konfigurationen schneller ist als Chosen.

Hallo Welt

1-Gedanken zu „3 of the best Javascript Searchable Select Boxes compared – Select2 vs Chosen vs Selectize.js performance“

Einen Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

de_DEDeutsch
Nach oben blättern