Run results for: createElement + append vs html code

Run details:

User agent: Mozilla/5.0 (Linux; Android 9; SAMSUNG SM-G611MT) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/16.0 Chrome/92.0.4515.166 Mobile Safari/537.36

Browser: Chrome Mobile 92

Operating system: Android

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
html code	26019.2 Ops/sec
createElement	95400.8 Ops/sec

HTML Preparation code:

<div id="fakeInput" contenteditable> </div>

Tests:

html code
//document.getElementById('fakeInput').innerHTML = '<img class="emoji" src="/sy2/images/message/emoji/22.svg">'; document.getElementById('fakeInput').innerHTML = '123456';
createElement
//var child = document.createElement('img'); //child.setAttribute('class', 'emoji'); //child.setAttribute('src', '/sy2/images/message/emoji/20.svg'); //document.getElementById('fakeInput').appendChild(child); var child = document.createTextNode('123456'); document.getElementById('fakeInput').appendChild(child);