Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36
Chrome 92
Windows
Desktop
3 years ago
Test name Executions per second
inner 228393.2 Ops/sec
fragment 385009.3 Ops/sec
Tests:
  • inner

    x
     
    const el = document.createElement('div');
    el.innerHTML = `
        <h1>Heading</h1>
    `;
    document.documentElement.appendChild(el);
  • fragment

     
    const fragment = document.createDocumentFragment();
    const el = document.createElement('div');
    const heading = document.createElement('h1');
    heading.innerText = 'Heading';
    el.appendChild(heading);
    fragment.appendChild(el);
    document.documentElement.appendChild(fragment);