WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

Benchmarks für jQuery 1.4

with one comment

jQuery 1.4 wurde gerade veröffentlicht und verspricht einige performance-Optimierungen insbesondere bei der Manipulation des class-attributes und beim Ersetzen von Elementinhalten per .html(neuer content).

Da mich insbesondere letzteres sehr interessiert hat habe ich eine kleine testsuite gebaut die jQuery 1.3 und 1.3.2 vergleicht. Die Ergebnisse waren schon recht deutlich sind allerdings hauptsächlich dann interessant, wenn mit einem sehr umfangreichen DOM gearbeitet wird. Etwa dann, wenn html neu in die Seite eingefügt wird und dabei bestehende DOM-Elemente entfernt oder überschreiben werden. Sehr aufwändig ist es außerdem events an eine große Zahl von Elementen zu binden.

Es hat sich gezeigt, dass sowohl IE6 als auch IE8 sehr langsam sind wenn es um das manipulieren von Attributen geht (per .attr(„class“,“styled“)). IE6 ist hier derart lahm, dass es durchaus Sinn macht diese Funktion auch dann zu meiden wenn man nicht mit 12.000 Elementen arbeitet.

Der Vergleich von Firefox, IE und Google Chrome ergab außerdem, dass Chrome – oder WebKit-Browser – am besten geeignet sind um mit großen Web 2.0 Applikationen zu arbeiten.  Selbst der beliebte Firefox ist nämlich nur halb so schnell.

Den kompletten Beitrag mit Charts und Link zur Testsuit gibt es in meinem eigenen Blog – zu finden unter dem Titel Benchmarking jQuery 1.4.

Advertisements

Written by StilgarBF

Januar 18, 2010 um 12:56 pm

Veröffentlicht in Uncategorized

Tagged with , ,

Eine Antwort

Subscribe to comments with RSS.

  1. Sehr interresant.

    Das der IE in den beschriebenen DOM Manipulationen sehr langsam ist, ist ja bekannt.

    Für massenhafte Event Registrierung ist natürlich auch Event Delegation vorzuziehen(gibts natürlich auch ein super Plugin für JQuery).

    Gruß Martin

    Martin

    Januar 20, 2010 at 1:35 pm


Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: