Test123345

Benchmark created on

Preparation HTML

<div id="box">
  <p> Hi </p>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
bad for()
var myArray = new Array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h');

for (var i = 0; i < myArray.length; i++) {
 $('body').append(myArray[i] + '<br />');
}
ready
good for()
var myArray = new Array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'),
    myArrayLenght = myArray.length,
    body = $('body'),
    buffer = '';

for (var i = 0; i < myArrayLenght; i++) {
 buffer += myArray[i] + '<br />';
}

body.append(buffer);
ready
better for()
var myArray = new Array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'),
    body = $('body'),
    output = '',
    myArrayLenght = myArray.length;

for (var i = 0; i < myArrayLenght; i++) {
 output += myArray[i] + '<br />';
}

body.append(output);
ready
Selector
var selector = '#box p';
var selectors = selector.split(" ");
if (selectors[0][0] === '#') {
 $(selectors[1]).find(selectors[0]);
} else {
 $(selector);
}
ready
Selector 2
$('#box p');
ready
Selector 3
$('#box').find('p');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.