jquery vesus create element

JavaScript performance comparison

Revision 2 of this 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
create element
var spinnerDiv = document.createElement("div");
spinnerDiv.className = "smeximageloading-spinner";
var spinnerIcon = document.createElement("i");
spinnerIcon.className = 'icon-loading spin-icon';
spinnerDiv.appendChild(spinnerIcon);
var spinnerBR = document.createElement("br");
spinnerDiv.appendChild(spinnerBR);
var spinnerText = document.createTextNode("Downloading...");
spinnerDiv.appendChild(spinnerText);

document.getElementsByTagName('body') [0].appendChild(spinnerDiv);
pending…
jQuery
$('body').append('<div class="smeximageloading-spinner"><i class="icon-loading spin-icon"></i></br>Downloading...</div>');
pending…
html jquery
$('body').html('<div class="smeximageloading-spinner"><i class="icon-loading spin-icon"></i></br>Downloading...</div>');
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