6 leichtgewichtige jQuery-Alternativen im Vergleich

Die Javascript Library jQuery ist mit der Zeit ordentlich gewachsen und bringt selbst als .min.js inzwischen fast 100 KB auf die Waage. Dabei werden viele der Funktionen von jQuery häufig gar nicht benutzt. Neben der Download-Größe ist auch die Rendering Zeit nicht zu verachten, die größere Dateien mit sich bringen, und ältere Smartphones schnell mal lahmlegen können. Daher kann es daher nicht schaden, sich nach schlankeren Alternativen umzusehen. Die Grundfunktionen, die jQuery ausmachen, sollten aber natürlich weiterhin verfügbar sein.

Ich habe hier mal einige der am Häufigsten genannten jQuery-Alternativen verglichen. Die Auswahl der Features, die verglichen wurden, ist rein subjektiv und basiert auf den Funktionen, die persönlich häufiger nutze. Für die Größenangabe der GZIP-Kompression wurde die höchste Kompressionsrate (gzip -9) angewendet. Die tatsächliche Größe im Browser kann daher abweichen. Die angegeben Funktionen entsprechen den original Funktionen wie sie in jQuery bezeichnet werden und heißen bei einigen der Libraries anders.

Funktionsvergleich

 jQuery 1.12.0jQuery 2.2.0Zepto 1.1.6Sprint.jsMinified.js 1.1 (Web)Cash 1.0.0Umbrella JS 1.1.3ki.js
Größe (Minified)97 KB86 KB25 KB17 KB10 KB8 KB5 KB602 Byte
Größe (GZIP)34 KB30 KB9 KB5 KB4 KB3 KB2 KB404 Byte
Ready-FunctionJaJaJaJaJaJaNeinJa
each() (Array)JaJaJaJaJaJaNeinNein
AjaxJaJaJaNeinJaNeinJaNein
ID-SelectorJaJaJaJaJaJaJaJa
Class-SelectorJaJaJaJaJaJaJaJa
.on()-EventsJaJaJaJaJaJaJaJa
hide()/show()JaJaJaNeinJaNeinNeinNein
append()/html()JaJaJaJaJaJaJaNein

Dateigrößen Vergleich

Hier ist nochmal ein Diagramm, das die Dateigrößen der verschiedenen Libraries darstellt. Beachtlich ist hier ki.js, das weniger als 1 KB groß und damit über 100 Mal kleiner als jQuery ist:

jQuery Alternativen Dateigrößen

Enthaltsamkeit

Bei Webseiten, die nur wenig Javascript einsetzen, kann es sich sogar lohnen komplett auf jQuery und Co. zu verzichten und wieder die guten alten nativen Funktionen zu benutzen. Hierfür bietet sich die Seite youmightnotneedjquery.com an, die für viele der jQuery-Funktionen die passenden nativen Funktionen anzeigt.

Kommentare

  •   Anonymous

    Echt gute Übersicht. Es wäre schön, wenn es hier eine neuere Version geben würde, da die Seite echt gut bei Google rankt

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.