Run results for: DocumentFragment: various jQuery vs JavaScript

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_2_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.2.1

Device Platform: Mobile

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Pure JavaScript.content.cloneNode

1.9M/s

Pure JavaScript.cloneNode.content

1.6M/s

jQuery(jQuery.clone())

0/s

jQuery(jQuery).clone()

0/s

jQuery(JavaScript).clone()

0/s

jQuery(JavaScript.cloneNode.content)

0/s

jQuery(JavaScript.content.cloneNode)

0/s

jQuery(getElementById.content.cloneNode)

0/s

View exact numbers

Test name	Executions per second
✓ Pure JavaScript.content.cloneNode	1,918,821 Ops/sec
Pure JavaScript.cloneNode.content	1,608,409 Ops/sec
jQuery(jQuery.clone())	0 Ops/sec
jQuery(jQuery).clone()	0 Ops/sec
jQuery(JavaScript).clone()	0 Ops/sec
jQuery(JavaScript.cloneNode.content)	0 Ops/sec
jQuery(JavaScript.content.cloneNode)	0 Ops/sec
jQuery(getElementById.content.cloneNode)	0 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);