DOM.create vs jquery (v31)

Revision 31 of this benchmark created on

Description

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

Preparation HTML

<script src="//code.jquery.com/jquery-2.1.0.js"></script>
<script src="//rawgithub.com/chemerisuk/better-dom/v1.7.1/dist/better-dom.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery#create(String)
jQuery("<a>");
ready
DOM#create(String)
DOM.create("a");
ready
jquery#create(Element)
jQuery(document.createElement("a"));
ready
DOM#create(Element)
DOM.create(document.createElement("a"));
ready
jquery#create(Html) with vars
jQuery("<a>", {id: "a1", rel: "b2"});
ready
DOM#create(Emmet) with vars
DOM.create("a#{0}[rel={1}]>span+i", ["a1", "b2"]);
ready
jquery#create(Html) without vars
jQuery("<a id='a1' rel='b2'><span></span><i></i></a>");
ready
DOM#create(Html)
DOM.create("<a id='a1' rel='b2'><span></span><i></i></a>");
ready
DOM#create(Emmet) without vars
DOM.create("a#a1[rel=b2]>span+i");
ready
native complex create
var link = document.createElement("a");

link.id = "a1";
link.rel = "b2";
ready

Revisions

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