getElementById vs. getElementsByClassName vs. querySelector vs. jQuery
JavaScript performance comparison
Preparation code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<p id="foo" class="my-foo">
Foo
</p>
<p id="bar" class="my-bar">
Bar
</p>
<div id="poo" class="my-poo">
<div id="par" class="my-bar">
<div id="paz" class="my-bar">
<span id="baz" class="my-baz">
Baz
</span>
</div>
</div>
</div>
Preparation code output
<p id="foo" class="my-foo">
Foo
</p>
<p id="bar" class="my-bar">
Bar
</p>
<div id="poo" class="my-poo">
<div id="par" class="my-bar">
<div id="paz" class="my-bar">
<span id="baz" class="my-baz">
Baz
</span>
</div>
</div>
</div>
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
getElementById
|
|
pending… |
querySelector (ID)
|
|
pending… |
jQuery ID Selector
|
|
pending… |
getElementsByClassName
|
|
pending… |
querySelector (Class)
|
|
pending… |
jQuery Class Selector
|
|
pending… |
Compare results of other browsers
Revisions
You can edit these tests or add even more tests to this page by appending /edit
to the URL.
- Revision 1: published Ara Pehlivanian
- Revision 3: published
- Revision 4: published
- Revision 5: published
- Revision 6: published
- Revision 7: published
- Revision 8: published vamp
- Revision 9: published
- Revision 10: published
- Revision 11: published
- Revision 12: published
- Revision 14: published
- Revision 15: published Name64
- Revision 16: published
- Revision 17: published
- Revision 18: published
- Revision 19: published
- Revision 20: published
- Revision 21: published
- Revision 22: published
- Revision 23: published
- Revision 24: published
- Revision 25: published
- Revision 26: published
- Revision 27: published
- Revision 28: published dc
- Revision 30: published
- Revision 31: published
- Revision 32: published
- Revision 33: published AjiTae
- Revision 34: published AjiTae
- Revision 37: published
- Revision 38: published
- Revision 39: published jayli
- Revision 40: published
- Revision 42: published
- Revision 43: published
- Revision 44: published Bigger dom
- Revision 45: published Bigger dom
- Revision 46: published Bigger dom
- Revision 47: published
- Revision 48: published
- Revision 49: published
- Revision 50: published
- Revision 51: published
- Revision 52: published
- Revision 53: published shel
- Revision 54: published
- Revision 55: published
- Revision 57: published
- Revision 58: published
- Revision 59: published
- Revision 60: published
- Revision 61: published
- Revision 62: published
- Revision 63: published
- Revision 64: published
- Revision 65: published Cory
- Revision 66: published
- Revision 67: published
- Revision 68: published
- Revision 69: published One If vs Nested If
- Revision 70: published
- Revision 71: published
- Revision 72: published
- Revision 73: published
- Revision 77: published ermaneng
- Revision 78: published Joshua Koudys
- Revision 79: published Joshua Koudys
- Revision 81: published
- Revision 82: published Henry Zou
- Revision 83: published Henry Zou
- Revision 84: published
- Revision 85: published
- Revision 86: published
- Revision 87: published
- Revision 88: published
- Revision 89: published
- Revision 90: published
- Revision 91: published
- Revision 93: published
- Revision 94: published Mario Valle
- Revision 95: published
- Revision 96: published
- Revision 97: published
- Revision 98: published
- Revision 99: published
- Revision 100: published Owyn
- Revision 101: published
- Revision 102: published
- Revision 103: published
- Revision 105: published
- Revision 108: published Neil Kistner
- Revision 109: published te
- Revision 110: published
- Revision 111: published
- Revision 112: published
- Revision 113: published
- Revision 115: published
- Revision 116: published
- Revision 117: published DarkPark
- Revision 118: published Shahar
- Revision 120: published Rob
- Revision 123: published
- Revision 124: published
- Revision 125: published
- Revision 126: published
- Revision 127: published
- Revision 128: published
- Revision 129: published
- Revision 130: published Chris
- Revision 131: published sopi
- Revision 132: published dubai
- Revision 133: published test077
- Revision 134: published David Anderton
- Revision 135: published
- Revision 136: published
- Revision 137: published ro
- Revision 138: published tester
- Revision 139: published
- Revision 140: published
- Revision 141: published
- Revision 143: published Kiura Magomadov
- Revision 144: published Nicholas Cloud
- Revision 145: published ZAlexz
- Revision 146: published ZAlexz
- Revision 147: published ZAlexz
- Revision 148: published ZAlexz and last updated
- Revision 150: published ZAlexz
- Revision 151: published
- Revision 152: published
- Revision 153: published
- Revision 154: published
- Revision 155: published
- Revision 156: published
- Revision 157: published
- Revision 159: published test
- Revision 160: published
- Revision 161: published
- Revision 162: published n
- Revision 163: published Nk_bet
- Revision 164: published
- Revision 165: published
- Revision 166: published
- Revision 167: published
- Revision 168: published Costas
- Revision 169: published
- Revision 172: published
- Revision 175: published
- Revision 176: published
- Revision 178: published
- Revision 179: published
- Revision 180: published
- Revision 181: published Hravad
- Revision 182: published
- Revision 184: published
- Revision 185: published
- Revision 186: published
- Revision 187: published
- Revision 188: published
- Revision 189: published Saroyanm
- Revision 190: published
- Revision 191: published
- Revision 192: published
- Revision 193: published
- Revision 194: published
- Revision 195: published dan
- Revision 196: published dan
- Revision 198: published
- Revision 200: published lokait
- Revision 207: published
- Revision 208: published
- Revision 209: published
- Revision 210: published hight3ch
- Revision 211: published
- Revision 212: published
- Revision 213: published
- Revision 214: published Sergey
- Revision 215: published fun
- Revision 217: published
- Revision 218: published
- Revision 222: published ed
- Revision 223: published Sayed Baladoh
- Revision 224: published
- Revision 226: published
- Revision 228: published
- Revision 230: published
- Revision 231: published sgraham785
- Revision 232: published sgraham785
- Revision 233: published
- Revision 234: published
- Revision 235: published
- Revision 237: published
- Revision 238: published
- Revision 239: published
- Revision 240: published Ben
- Revision 243: published
- Revision 244: published Kevin McCormick
- Revision 245: published Kevin McCormick
- Revision 246: published
- Revision 247: published
- Revision 248: published
- Revision 249: published
- Revision 250: published
- Revision 251: published
- Revision 252: published
- Revision 253: published
- Revision 254: published till t
- Revision 255: published
- Revision 256: published john
- Revision 257: published
- Revision 258: published
- Revision 259: published
- Revision 261: published Joel Israel Pérez Cabañas
- Revision 262: published Joel Israel Pérez Cabañas
- Revision 263: published
- Revision 267: published
- Revision 268: published
- Revision 269: published
- Revision 270: published
- Revision 271: published
- Revision 272: published
- Revision 273: published
- Revision 274: published
- Revision 275: published
- Revision 276: published
- Revision 277: published
- Revision 278: published
- Revision 279: published
- Revision 281: published
- Revision 282: published
- Revision 283: published rasenplanscher
- Revision 284: published rasenplanscher
- Revision 285: published
- Revision 286: published
- Revision 287: published
- Revision 288: published
- Revision 289: published
- Revision 290: published
- Revision 291: published
- Revision 292: published
- Revision 293: published
- Revision 294: published
- Revision 295: published
- Revision 296: published
- Revision 297: published
- Revision 298: published
- Revision 299: published
- Revision 300: published
- Revision 301: published
- Revision 302: published
- Revision 303: published Marcus Vinícius
- Revision 304: published Chris Adams
- Revision 305: published Ryan Badour
- Revision 306: published Ryan Badour
- Revision 28: published ismail
- Revision 309: published Nathan Wright
- Revision 310: published Nathan Wright
- Revision 311: published Nathan Wright
- Revision 312: published Nathan Wright
- Revision 313: published Tristan Lee
- Revision 314: published Carlos Ouro
- Revision 315: published Carlos Ouro
- Revision 316: published Carlos Ouro
- Revision 317: published Carlos Ouro
- Revision 318: published Pieter Van Parys
- Revision 319: published Pieter Van Parys
- Revision 320: published Pieter Van Parys
- Revision 321: published Brian Knapp
- Revision 322: published Brian Knapp
0 Comments