pcorcc

JavaScript performance comparison

Test case created by Josh Vermaire

Info

check parent>child or .parent .child speed

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent target'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent target'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent'><div class='child'></div></div><div class='parent target'><div class='child'></div></div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
parent>child
$(".target>.child")
pending…
.target .child
$(".target .child")
pending…
div.target>div.child
$("div.target>div.child")
pending…
div.target div.child
$("div.target div.child")
pending…

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

Compare results of other browsers

0 comments

Add a comment