DOM.create vs jquery (v10)

Revision 10 of this benchmark created by Maksim Chemerisuk 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.3.1/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
DOM#create(EmmetString)
DOM.create("a#a1[rel=b2]>span+i");
ready
jquery#create(Options)
jQuery("<a>", {id: "a1", rel: "b2"}).append("<span>").append("<i>");
ready
DOM#create(Options)
DOM.create("a#a1[rel=b2]").append("span").append("i")
ready

Revisions

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