Benchmark: Document fragment creation cost

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const container = document.createElement('div');
document.body.appendChild(container);
const reusableFragment = document.createDocumentFragment();

Tests:

Reuse document fragment
const div = document.createElement('div'); reusableFragment.appendChild(div); container.appendChild(reusableFragment);
Create document fragment
const frag = document.createDocumentFragment(); const div = document.createElement('div'); frag.appendChild(div); container.appendChild(frag);

Rendered benchmark preparation results:

Previous results

Test case name	Result
Reuse document fragment
Create document fragment

Latest run results:

Run details: (Test run date: 11 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Browser/OS: Chrome 136 on Mac OS X 10.15.7

Test name	Executions per second
Reuse document fragment	252449.6 Ops/sec
Create document fragment	216599.3 Ops/sec

Related benchmarks:

Document fragment creation cost (version: 1)