jQuery DOM Build vs Clone

JavaScript performance comparison

Test case created by Tyler Wood

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Benchmark.prototype.setup = function() {
    var template = '<div><table><tr><td></td></tr><tr><td></td></tr></table></div>';

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 Create
var one = $(template);
var two = $(template);
var three = $(template);
var four = $(template);
var five = $(template);
jQuery Clone
var one = $(template);
var two = one.clone();
var three = one.clone();
var four = one.clone();
var five = one.clone();

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

Compare results of other browsers


Comment form temporarily disabled.

Add a comment