02 Feb, 2010

JQuery – performance tips #2

Categoriën: Performance |javascript |jquery

Je kan je JQuery aanzienlijk versnellen door je selectors op #(id) te laten selecteren in plaats van op .(class), omdat JQuery gebruik maakt van de browser eigen getElementById() functie, dewelke aanzienlijk sneller werkt.

Doe de test

JQuery

<![CDATA[
console.time('test');
for (i = 0; i < 500; i++) {
    $('.'+i);
}
console.timeEnd('test');
// ~8204ms
]]>
<![CDATA[
console.time('test');
for (i = 0; i < 500; i++) {
    $('#'+i);
}
console.timeEnd('test');
// ~32ms
]]>

Gerelateerde Snippets

Geen reakties op "JQuery – performance tips #2"

Reaktie formulier


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.