makedom3

JavaScript performance comparison

Test case created by Alexander Schmitz

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function makeDOM(o,to){
            var ele = document.createElement(o.element);
            for (var prop in o.props) {
              ele[prop] = o.props[prop];
           }
           $(ele).prependTo(to);
        }
</script>
<script>
Benchmark.prototype.teardown = function() {
    $(".foo").remove();
};
</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
makeDom
makeDOM({
      "element":"a",
      "props":{
        "className":"foo",
        "href":"/foobar.html",
        "id":"linkid"
      }
    },"body");
pending…
native
var linkElement = document.createElement( 'a' );
linkElement.href = '/foobar.html';
linkElement.className = "foo";
linkElement.id = "linkid";
$( linkElement ).prependTo( "body" );
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