insertAdjacentHTML vs createContextualFragment

Benchmark created by alejo on March 3, 2016

Setup

var range = document.createRange();
    document.addEventListener('load', () => range.selectNode(document.body));
    
    s = '<span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span>';

Test runner

Array.from(range.createContextualFragment(s).childNodes).forEach((node) => document.body.appendChild(node));

document.body.appendChild(range.createContextualFragment(s));

document.body.insertAdjacentHTML('afterbegin', s);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by alejo on March 3, 2016