{"ScriptPreparationCode":null,"TestCases":[{"Name":"innerHTML","Code":"const lines = 50000;\r\nlet data = \u0027\u0027;\r\n\r\nfor(let i = 0; i\u003C=lines; i\u002B\u002B) {\r\n data \u002B= \u0060\u003Cdiv class=\u0022row\u0022\u003E\u003Cspan id=\u0022line-${i}\u0022\u003E${i}\u003C/span\u003E\u003Cspan\u003EFoo Bar ${i}\u003C/span\u003E\u003C/div\u003E\u0060\r\n}\r\nconst el = document.getElementById(\u0027viewer\u0027);\r\nel.innerHTML = data;","IsDeferred":false},{"Name":"DocumentFragment","Code":"const lines = 50000;\r\nlet data = \u0027\u0027;\r\n\r\nfor(let i = 0; i\u003C=lines; i\u002B\u002B) {\r\n data \u002B= \u0060\u003Cdiv class=\u0022row\u0022\u003E\u003Cspan id=\u0022line-${lines[i]}\u0022\u003E${lines[i]}\u003C/span\u003E\u003Cspan\u003EFoo Bar ${lines[i]}\u003C/span\u003E\u003C/div\u003E\u0060\r\n}\r\nconst fragment = document.createDocumentFragment();\r\nconst wrapper = document.createElement(\u0027div\u0027);\r\nconst el = document.getElementById(\u0027viewer\u0027);\r\n\r\nwrapper.innerHTML = data.html;\r\nfragment.appendChild(wrapper);\r\n\r\nel.appendChild(fragment);","IsDeferred":false}]}