jQuery vs. Prototype (v18)

Revision 18 of this benchmark created on

Description

This is a comparison of selector engine speed between jQuery 2.0.3 and Prototype 1.7.1

Both Prototype and jQuery actually check for querySelectorAll and use it if it is available. However, this is at a performance loss.

Preparation HTML

<!doctype html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js">
</script>
<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<script>
$.noConflict();
</script>


</head>
<body>
<ul id="list">
<li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li>
<li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li><li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li><li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li>
</ul>
</body>
</html>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery
var jq = jQuery("#list .sublist li");
ready
Prototype
var pt = $$("#list .sublist li");
ready

Revisions

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