Wie auch immer – TL;DR: jQuery ist arschlangsam, wenn man nicht genau weiß, was man da tut. “Vanilla JS selectors are much faster than libraries. document.getElementById() is about 3.4 times faster than jQuery selectors. @AaronGustafson #aeadenver” —@authorbrandong
Im Kommentar der verlinkten Seite ist sogar von "It's 34 times faster" die Rede. Kann ich unter Win7 FireFox, Chrome und IE 11 null nachvollziehen. Wenn ich auf der verlinkten Seite 10 Testreihen von "1000 x getElementById" vs "1000 x jQuery" fahre, dann erhalte ich schwankende Ergebnisse.
Ja, getElementById ist da durchweg fixer, mal mehr, mal weniger. Wenn man aber mal die absoluten Werte für die Aufgabe "tausend(!) mal getElementById" betrachtet, stellt sich schon die Frage, was der Vergleich überhaupt soll. Im Chrome (Testsieger, wie zu erwarten) kommt man letztlich zu der Erkenntnis, dass die 1000 Durchläufe z.B. nativ 0,1ms und via jQuery 0,9ms brauchen können.
Das wäre also 9x so schnell! Hammer! Aber letztlich sind es 0,9ms(!) für 1000(!) Durchläufe. Irgendwie fehlt mir da die Relevanz.…