ugrás a tartalomhoz

8 jQuery Micro Optimization Tips

tiku I tikaszvince · 2010. Május. 8. (Szo), 01.19
Tippek optimálisabb jQuery kód készítéséhez
 ■
1

Magyarul

Ustak · 2010. Május. 8. (Szo), 19.46
'A jQuery metaprogramozása' :-)

Azért dícséretes, hogy ennyire kinőtte magát, így nem a javascript optimalizációs trükkökjeiről, hanem a jQuery optimalizációs trükkjeiről beszélünk.
Üdv:
Gábor
2

each is evil

presidento · 2010. Május. 8. (Szo), 20.35
Ez annyira jó, minden optimalizációval foglalkozó cikkben elmondják, hogy kerüljük az each használatát. Mert fúj. Itt azt olvashatjuk:
Actually, each is a pretty awesome utility function. The problem is that there is only one true reason to use each, and that is when a closure is needed for each item. If you are just looping through an array, then the callback function gets triggered on every iteration. So using an array of 25 items, the callback gets triggered 25 times. That can really add up depending on the size of your array.

Röviden: egyetlen ok van, hogy az each-et használjuk, ha szükségünk van a closure használatára minden elem feldolgozásnál. Mert ha például 25 eleme van a tömbbnek, 25-ször fog meghívódni a callback függvény.

Vegyük a következő példát:
var i = arr.length; // 10.000
while(i--) sum += arr[i];

$.each( arr, function( i , num ) { sum += num });
A leggyorsabb loop-pal 2 ms, az each-csel 13 ms. Ha 25 eleme lenne a tömbnek, az each 0,03 ms időbe tellne. Atyavilág, micsoda pazarlás!

Nem vitatom, ha százezres méretű tömbökkel számolunk, nagyon oda kell figyelni, milyen eszközhöz nyúlunk, de néhány (tized) ms miatt ne fessük az ördögöt a falra!

(Tudom, a cikk is említi, hogy az ötletei általában csak kis mértékben javítják a hatékonyságot, és sértik a jQuery "Write Less, Do More" elvét. Ahogy ő is említi, meg kell találni az egyensúlyt az optimalizáltság és az elegáns kódolás között.)
3

Teljesen

Ustak · 2010. Május. 8. (Szo), 23.42
egyetértek. Tudom, hogy nem szép ezt tenni mint programozó, de én ilyenkor meg szoktam NÉZNI az oldalt és ha nem ÉRZEM (ez mekkora valid speed testing :-)) azt hogy annyit kell várni, akkor inkább használom az each-t :-)