ugrás a tartalomhoz

JS keretrendszerek, gyakor selectorok banchmark

fchris82 · 2008. Aug. 15. (P), 12.14
Előzmény: http://weblabor.hu/forumok/temak/22134
Tesztoldal: http://mootools.net/slickspeed/

Vbence felvetésére, csinálok egy új témát, amiben a gyakori selectorok szerint szűrűnk. Én a következő sorokat javaslom összeadni:

  • body
  • div
  • body div
  • div p
  • ...
  • div p a
  • div, p, a
  • .note
  • div.example
  • ul.tocline2
  • div.example, div.note
  • #title
  • h1#title
  • div #title
  • ul.toc li.tocline2
  • ...

Ha itt az utolsóhoz érve leállítod a műveletet, akkor a kimaradókat elég levonni a legalul kapott eredményből.

Ezek alapján WinXP, 2 magos Athlon esetén:
MooTools 1.2JQuery 1.2.6Prototype 1.6.0.2YUI 2.5.2Dojo 1.1.1
FF348449014433
IE6266 114 332 368 111
IE7 264 110 342 364 111
Opera 9.26 99 72 91 248 40


Ez a Dojo egész jónak tűnik ... :-/ A szűk keresztmetszet az IE...
 
1

2 magos Athlon???

fchris82 · 2008. Aug. 15. (P), 12.18
Szóval AMD :D
2

Bookmarklet

vbence · 2008. Aug. 15. (P), 13.30
Itt egy bookmarklet, amire rá kell bökni az oldal betltődése után (vagy beillesztenia címsorba), ezután csak a fent említett tesztek fognak végrehajtódni:

MooTestAdjust:
javascript:window.selectors%20=%20['body','div','body%20div','div%20p','div%20>%20p','div%20+%20p','div%20~%20p','div[class^=exa][class$=mple]','div%20p%20a','div,%20p,%20a','.note','div.example','ul%20.tocline2','div.example,%20div.note','#title','h1#title','div%20#title','ul.toc%20li.tocline2'];%20window.onload();
(sajnos linkként nem tudtam beilleszteni)

Így módosultak:

Safari:
208 209 341 499 314
(A dojo 152ms-t bukik a div ~ p selectoron.)

WebKit:
124 125 303 346 231
(A dojo gyengéje megmarad.)

FF3:
232 218 453 600 157
(A fenti itt csak 33ms.)

Ezután elgondolkodhatunk, hogy használnánk-e valaha a div ~ p szelektort egy ajax alkalmazásban. Arra mindenképpen jó a teszt, hogy ha letetted a voksod az egyik mellett mostmár tudod, mik a kerülendő pontok.
3

Hé :)

fchris82 · 2008. Aug. 15. (P), 14.35
Én kihagytam a div > p, div + p, div ~ p, div[class^=exa][class$=mple] részeket :) A '...' azt akarta jelenteni a felsorolásban, hogy "ugorj".
4

Nem értettem...

vbence · 2008. Aug. 15. (P), 15.11
Akkor úgy is elromlana a táblázat, ha ezt kiszednénk a tesztből. Másrészt meg így is elég badarságot kivettünk már :)
5

Teljes teszt

Poetro · 2008. Aug. 15. (P), 19.20
A teljes teszt futtatva Intel Q6600 (2,4Ghz) Quad Core CPUn, 2Gb RAM, Windows XP Home

Böngésző / KeretrendszerMooTools 1.2JQuery 1.2.6Prototype 1.6.0.2YUI 2.5.2Dojo 1.1.1
Safari 3.1.2 32 24 64 225 39
Opera 9.5 48 60 56 188 12
Firefox 393 100 186 232 71
Firefox 2219 238 220 649 152
Internet Explorer 73402191323781396
Internet Explorer 645231814921314495
9

Google Chrome

Poetro · 2008. Szep. 2. (K), 23.07
Böngésző / KeretrendszerMooTools 1.2JQuery 1.2.6Prototype 1.6.0.2YUI 2.5.2Dojo 1.1.1
Google Chrome684021822071

Ez alaján nem tűnik olyan fényesnek az eredmény, bár lehet változott a környezet azok óta nálam.
6

Szelektorbajnokság

vbence · 2008. Aug. 16. (Szo), 10.04
Az olimpia szellemében csinálhatnánk eg kis versenyt is... ki ír gyorsabb implementációt az alap w3c css2 szelektorokra... ;) Nincs olyan sok...
7

Stipistopi...

Ustak · 2008. Aug. 17. (V), 21.24
IE6 által támogatott szelektorok :-)
8

...

jaczkog · 2008. Aug. 19. (K), 13.43
Intel Pentium Dual CPU E2200 @ 2.2GHz
1GB RAM
Windows XP SP3
FF 3.0.1

Eredmények:
46 38 97 133 32