jQuery Performance Test: Part 1

Ab heute starte ich einen neuen Bereich hier im Blog.
Ich habe eine Subdomain für examples eingerichtet und zeige ab und zu Tests und Beispiele.

Anfangen werde ich mit einem Performance Test über jQuery.

examples.t6e.de/jQuery_Performance_Part1/
Ich habe in den letzten Tagen verschiedene Blogs über Performance verbesserung von jQuery gelesen. Dabei sind mir verschiedene Dinge aufgefallen.

Das erste Ergebnis:

$(‘#myID .myClass’); ist viel langsamer als $(‘#myID’).find(‘.myClass’);

Warum?

Wenn man $(‘#myID’); macht, greift jQuery direkt auf die native Javascript-Funktion document.getElementById(‘myID’); zu. Hat man noch eine Verschachtelung wie $(‘#myID .myClass’); geht das nicht mehr. Native Funktionen sind natürlich viel schneller als jQuery, weil sie ohne weiteres ausgeführt werden.

Aber seht euch meinen Test selber an: examples.t6e.de/jQuery_Performance_Part1/
Einfach auf Testen klicken und kurz warten.

Hinterlasse eine Antwort

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

*


*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>