{"ScriptPreparationCode":"var container = document.getElementById(\u0027container\u0027);\r\nvar childrenAmount = 20;\r\nvar childrenToAppend = [];\r\n\r\nfor(let i = 0; i \u003C childrenAmount; i\u002B\u002B) {\r\n\tchildrenToAppend.push(document.createElement(\u0027div\u0027))\r\n}","TestCases":[{"Name":"appendChild","Code":"childrenToAppend.forEach(child =\u003E container.appendChild(child));","IsDeferred":false},{"Name":"append documentFragment","Code":"var fragment = document.createDocumentFragment();\r\nchildrenToAppend.forEach(child =\u003E fragment.appendChild(child));\r\ncontainer.appendChild(fragment)","IsDeferred":false},{"Name":"appendChild w/ requestAnimationFrame","Code":"requestAnimationFrame(() =\u003E {\r\n childrenToAppend.forEach(child =\u003E container.appendChild(child));\r\n})","IsDeferred":false},{"Name":"append documentFragment w/ requestAnimationFrame","Code":"var fragment = document.createDocumentFragment();\r\nchildrenToAppend.forEach(child =\u003E fragment.appendChild(child));\r\n\r\nrequestAnimationFrame(() =\u003E {\r\n\tcontainer.appendChild(fragment)\r\n})\r\n","IsDeferred":false}]}