make elements

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script>
Benchmark.prototype.setup = function() {
    function make(type, attributes) {
        var elm = document.createElement(type);
        for( var name in attributes ) {
                elm.setAttribute(name, attributes[name]);
        }
        return elm;
    }
};
</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
var elms = [];
for( var i = 0; i < 100; i++ ) {
    elms.push($('<div>', {id: i, title: 'text' + i}));
}
pending…
vanilla
var elms = [];
for( var i = 0; i < 100; i++ ) {
    elms.push(make('div',{id: i, title: 'text' + i}));
}
pending…
vanilla + jQuery
var elms = [];
for( var i = 0; i < 100; i++ ) {
    elms.push($(make('div',{id: i, title: 'text' + i})));
}
pending…
htmlString + jQuery
var elms = [];
for( var i = 0; i < 100; i++ ) {
    elms.push("<div id='" + i + "' title='text" + i + "'></div>");
}
var elms = $(elms.join(''));
pending…

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

Compare results of other browsers

0 comments

Add a comment