jquery vs createElement (v49)

Revision 49 of this benchmark created by mflorida on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="sandbox"></div>

Setup

var _sandbox = document.getElementById('sandbox');
    
    var $sandbox = $('#sandbox');

Teardown


    $sandbox.html('')

Test runner

Ready to run.

Testing in
TestOps/sec
jquery
var test = $(document.createElement('span'));
$sandbox.html(test);
ready
create 1
var test = document.createElement('span');
$sandbox.html(test);
ready
create 2
var test = $('<span />');
$sandbox.html(test);
ready
string
var test = '<span></span>';
$sandbox.html(test);
ready
native create + innerHTML
var test = document.createElement('span');
_sandbox.innerHTML = test;
ready
native innerHTML
var test = '<span></span>';
_sandbox.innerHTML = test;
ready

Revisions

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