DOM.create vs jquery

JavaScript performance comparison

Revision 3 of this test case created by Maksim Chemerisuk

Info

Compare performance of the better-dom library and jquery in typical cases

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.js"></script>
<script src="//rawgithub.com/chemerisuk/better-dom/v1.1.0/better-dom.js"></script>

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
jquery#create(String)
jQuery("<a>");
pending…
DOM#create(String)
DOM.create("a");
pending…
jquery#create(Element)
jQuery(document.createElement("a"));
pending…
DOM#create(Element)
DOM.create(document.createElement("a"));
pending…
jquery#create(HtmlString)
jQuery("<a id='a1' rel='b2'><span></span><i></i></a>");
pending…
DOM#create(HtmlString)
DOM.create("<a id='a1' rel='b2'><span></span><i></i></a>");
pending…
jquery#create(Options)
jQuery("<a>", {id: "a1", rel: "b2"}).append("<span>").append("<i>");
pending…
DOM#create(EmmetString)
DOM.create("a#a1[rel=b2]>span+i");
pending…
document.createElement(String)
document.createElement("a");
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. Here’s a list of current revisions for this page:

0 comments

Add a comment