Benchmark: jquery append - MeasureThat.net

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> 
<div id='test'></div>

Tests:

append to div then element
$('#test').append($('<div>').append($('<div>')).append($('<div>')).append($('<div>')))
append div straight to element
$('#test').append($('<div>')) .append($('<div>')) .append($('<div>'))

Rendered benchmark preparation results:

Previous results

Test case name	Result
append to div then element
append div straight to element

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0

Browser/OS: Firefox 113 on Windows

Test name	Executions per second
append to div then element	16610.2 Ops/sec
append div straight to element	18654.3 Ops/sec

jquery append (version: 0)