JS HTML node creation

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></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
Node Creation via jQuery; jQuery method
var count = 100;
while(count--) {
  var $tmp = $('<img/>')
    .attr('src', 'http://placekitten.com/g/100/100')
    .data('number', Math.random());
  $tmp.appendTo('body');
};
pending…
Node Creation via jQuery; string method
var count = 100;
while(count--) {
  var $tmp = $('<img src="http://placekitten.com/g/100/100" data-number="' + Math.random() + '">');
  $tmp.appendTo('body');
};
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