3 av de bästa Javascript-sökbara Select-boxarna jämfört – Select2 vs Chosen vs Selectize.js prestanda

När du har stora mängder av jQuery/javascript-utvalda rutor som måste vara sökbara är det klokt att titta på prestandan för dem. Jag jämförde följande utvalda ersättningslådor: Välj2, Vald, Selectize.js, Bvälj. Standardvalsruta för Safari-webbläsare: initialiserar cirka 0,5 s.

Inställning

Att ha en backend-sida som har cirka 1000 utvalda rutor som måste initieras av en sökbar/autokompletteringsruta. Jag kontrollerade laddningstiderna för sidan och tidpunkten för initieringen av valrutan. Jag mätte det först för hand och senare med Safari webbkonsol.

Vald föreställning

• Mätning för hand: ca 8s-11s.
• Konsolmått: ca 12s.

Nackdelar:

• Har inget ajax-stöd, vill du göra detta kan du kombinera det med select2.

Välj 2 prestanda

• Mätning för hand: initiering tar cirka 9s-16s.
• Konsolmått: ca 21,69s.

Selectize.js prestanda

Selectize.js: ca 19s. Konsolen kraschar efter 29s. Så jag utesluter ytterligare resultat.

Bvälj prestanda

Bvälj: mer än 40-talet, jag blev uttråkad av att räkna, så jag utesluter ytterligare resultat.

Och vinnaren är ... utvald

Den initieras lika snabbast och är cirka 1,5 gånger så snabb som Select2. Men Select2 har mycket fler funktioner och är bättre underhållen. När du bara behöver enkla sökbara urvalsrutor och tänka på prestanda är Chosen det bästa valet. Observera att det bara är en enkel konfiguration, det kan vara så att i andra konfigurationer är Select2 snabbare än vald.

Senast uppdaterad 18 juli 2023