Jun 07

Effizientere und schnellere Event-Steuerung dank jQuery 1.2.6

Tag: jQueryPatrick @ 1:15 pm

Mit der vor wenigen Tagen vorgestellten jQuery-Version 1.2.6 steigerte das Entwicklerteam um John Resig die Ausführungsgeschwindigkeit ihrer Javascript-Bibliothek, über die wir bereits vor einem halben Jahr zum ersten Mal berichteten, vor allem im Bereich Event-Handlung enorm. Zudem wurden einige Feature überholt beziehungsweise erweitert.

Akribisch haben die Entwickler ihren bestehenden Code und dessen Verwendung in der Praxis analysiert und nach Schwachstellen und Bremsen gesucht. Anschließend wurden gezielt die Abschnitte beschleunigt und optimiert, die am häufigsten aufgerufen werden. Das Ergebnis kann sich sehen lassen.

Die Performancegewinne sehen im Detail wie folgt aus:

  • Event-Handling – 103% schneller (vor allem spürbar bei besonderen Events wie Drag’n’Drop)
  • CSS-Selektoren – 13% schneller
  • offset()-Methode – 21% schneller
  • css()-Methode – 25% schneller

Das bisherige dimensions-Plugin ist in 1.2.6er Version in den jQuery-Kern gewandert. Dadurch stehen standardmäßig einheitliche, browserübergreifende Methoden zur Bestimmung von der Elementposition, der inneren Breite und Höhe sowie der äußeren Breite und Höhe eines Elements zur Verfügung.

Besonders möchte ich noch die Änderung hervorheben, dass die toggle-Funktion es nun erlaubt, zwischen mehr als 2 Funktionsaufrufen beim Klicken durchzuschalten.

Ein Code-Beispiel mit drei nacheinanderfolgenden Aufrufen:

$("div").toggle(function(){
$(this).removeClass("three").addClass("one");
}, function(){
$(this).removeClass("one").addClass("two");
}, function(){
$(this).removeClass("two").addClass("three");
});

jQuery 1.2.6 steht in den gewohnten Varianten unkomprimiert, gepackt und minified zum Download bereit.

Hinterlasse einen Kommentar

You must be logged in to post a comment.