Run results for: DocumentFragment: various jQuery vs JavaScript

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Browser: Chrome 53

Operating system: Linux

Device Platform: Other

Date tested: 8 years ago

Test name	Executions per second
jQuery(jQuery.clone())	79309.5 Ops/sec
jQuery(jQuery).clone()	94983.4 Ops/sec
jQuery(JavaScript).clone()	157603.7 Ops/sec
jQuery(JavaScript.cloneNode.content)	317316.3 Ops/sec
jQuery(JavaScript.content.cloneNode)	400074.9 Ops/sec
Pure JavaScript.cloneNode.content	405684.7 Ops/sec
Pure JavaScript.content.cloneNode	520966.1 Ops/sec
jQuery(id)	1008543.9 Ops/sec
querySelector(id)	2820824.8 Ops/sec
getElementById(id)	3394817.2 Ops/sec

HTML Preparation code:

<template id="frag">
  <div id="content">
    <p>Content</p>
  </div>
</template>

Tests:

jQuery(jQuery.clone())
$($('#frag').clone().prop('content'));
jQuery(jQuery).clone()
$($('#frag').prop('content')).clone();
jQuery(JavaScript).clone()
$(document.querySelector('#frag').content).clone();
jQuery(JavaScript.cloneNode.content)
$(document.querySelector('#frag').cloneNode(true).content);
jQuery(JavaScript.content.cloneNode)
$(document.querySelector('#frag').content.cloneNode(true));
jQuery(getElementById.content.cloneNode)
$(document.getElementById('frag').content.cloneNode(true));
Pure JavaScript.cloneNode.content
document.querySelector('#frag').cloneNode(true).content;
Pure JavaScript.content.cloneNode
document.querySelector('#frag').content.cloneNode(true);