Run results for: HTML Insertion UwU

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.88 Safari/537.36

Browser: Chrome 100

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
A	497.0 Ops/sec
C	266.1 Ops/sec
D	221.4 Ops/sec
E	302.3 Ops/sec
F	519.2 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
<div id="testElement" style="display:none"></div>

Script Preparation code:

var js = document.getElementById('testElement');
var jq = $('#testElement');
var len = 500;

Tests:

A
var html = ''; for (var i = 0; i < len; i++) { html += 'A: Just some ' + i + ' here'; } js.innerHTML = html js.innerHTML = '';
C
var html = ''; for (var i = 0; i < len; i++) { html += 'A: Just some ' + i + ' here'; } jq.append(html); jq.html('');
D
var html = ''; for (var i = 0; i < len; i++) { var p = document.createElement("p"); p.innerHTML = 'D: Just some ' + i + ' here'; js.appendChild(p); } js.innerHTML = '';
E
var html = ''; for (var i = 0; i < len; i++) { var p = document.createElement("p"); var s = document.createElement("span"); s.appendChild( document.createTextNode(i) ); p.appendChild( document.createTextNode("E: Just some ") ); p.appendChild( s ); p.appendChild( document.createTextNode(" here") ); js.appendChild(p); } js.innerHTML = '';
F
var html = ''; for (var i = 0; i < len; i++) { html += 'A: Just some ' + i + ' here'; } js.insertAdjacentHTML('beforeend',html); js.innerHTML = '';
G
var html = ''; var p = document.createElement("p"); var s = document.createElement("span"); s.appendChild( document.createTextNode(i) ); p.appendChild( document.createTextNode("E: Just some ") ); p.appendChild( s ); p.appendChild( document.createTextNode(" here") ); for (var i = 0; i < len; i++) { js.appendChild(p); } js.innerHTML = '';

Run results for: HTML Insertion UwU

A

C

D

E

F

G