{"ScriptPreparationCode":"// Change this number to see how well they scale\r\nrepeat = 10;","TestCases":[{"Name":"innerHTML","Code":"const box = document.createElement(\u0027div\u0027);\r\nlet html = \u0027\u0027;\r\nfor (let i = 0; i \u003C repeat; i\u002B\u002B)\r\n html \u002B= \u0027\u003Cdiv class=\u0022a b\u0022\u003E\u003Cdiv\u003ETest\u003C/div\u003E\u003C/div\u003E\u0027;\r\nbox.innerHTML \u002B= html;","IsDeferred":false},{"Name":"insertAdjacentHTML","Code":"const box = document.createElement(\u0027div\u0027);\r\nlet html = \u0027\u0027;\r\nfor (let i = 0; i \u003C repeat; i\u002B\u002B)\r\n html \u002B= \u0027\u003Cdiv class=\u0022a b\u0022\u003E\u003Cdiv\u003ETest\u003C/div\u003E\u003C/div\u003E\u0027;\r\nbox.insertAdjacentHTML(\u0027beforeend\u0027, html);","IsDeferred":false},{"Name":"appendChild","Code":"const box = document.createElement(\u0027div\u0027);\r\nconst els = [];\r\nfor (let i = 0; i \u003C repeat; i\u002B\u002B) {\r\n const div2 = document.createElement(\u0027div\u0027);\r\n div2.innerText = \u0027Test\u0027;\r\n const div1 = document.createElement(\u0027div\u0027);\r\n div1.className = \u0027a b\u0027;\r\n div1.appendChild(div2);\r\n els.push(div1);\r\n}\r\nels.forEach(el =\u003E box.appendChild(el));","IsDeferred":false},{"Name":"append","Code":"const box = document.createElement(\u0027div\u0027);\r\nconst els = [];\r\nfor (let i = 0; i \u003C repeat; i\u002B\u002B) {\r\n const div2 = document.createElement(\u0027div\u0027);\r\n div2.innerText = \u0027Test\u0027;\r\n const div1 = document.createElement(\u0027div\u0027);\r\n div1.className = \u0027a b\u0027;\r\n div1.append(div2);\r\n els.push(div1);\r\n}\r\nbox.append(...els);","IsDeferred":false},{"Name":"insertAdjacentElement","Code":"const box = document.createElement(\u0027div\u0027);\r\nconst els = [];\r\nfor (let i = 0; i \u003C repeat; i\u002B\u002B) {\r\n const div2 = document.createElement(\u0027div\u0027);\r\n div2.innerText = \u0027Test\u0027;\r\n const div1 = document.createElement(\u0027div\u0027);\r\n div1.className = \u0027a b\u0027;\r\n div1.insertAdjacentElement(\u0027beforeend\u0027, div2);\r\n els.push(div1);\r\n}\r\nels.forEach(el =\u003E box.insertAdjacentElement(\u0027beforeend\u0027, el));","IsDeferred":false},{"Name":"append fragment","Code":"const fragment = document.createDocumentFragment();\r\nconst els = [];\r\nfor (let i = 0; i \u003C repeat; i\u002B\u002B) {\r\n const div2 = document.createElement(\u0027div\u0027);\r\n div2.innerText = \u0027Test\u0027;\r\n const div1 = document.createElement(\u0027div\u0027);\r\n div1.className = \u0027a b\u0027;\r\n div1.append(div2);\r\n els.push(div1);\r\n}\r\nbox.append(...els);","IsDeferred":false}]}