DOM.create vs jquery (v7)

Revision 7 of this benchmark created on

Description

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

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.js"></script>
<script src="//rawgithub.com/chemerisuk/better-dom/v1.0.0/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(HtmlString)
jQuery("<a id='a1' rel='b2'><span></span><i></i></a>");
ready
DOM#create(HtmlString)
DOM.create("<a id='a1' rel='b2'><span></span><i></i></a>");
ready
jquery#create(Options)
jQuery("<a>", {id: "a1", rel: "b2"}).append("<span>").append("<i>");
ready
DOM#create(EmmetString)
DOM.create("a#a1[rel=b2]>span+i");
ready
document.createElement(String)
document.createElement("a");
ready
document.createElement(String) with innerHTML
var node = document.createElement("a");
node.id = "al";
node.setAttribute("rel","b2");
node.innerHTML = "<span></span><i></i>";
ready

Revisions

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