{"ScriptPreparationCode":null,"TestCases":[{"Name":"Appending HTML strings","Code":"(() =\u003E { \r\nconst dropdown = document.querySelector(\u0027select#test\u0027);\r\n\r\nfor (let i=0; i\u003C5000; i\u002B\u002B) { dropdown.append(\u0060\u003Coption id=\u0022${i}\u0022 value=\u0022${i}\u0022\u003E${i}\u003C/option\u003E\u0060)\r\n}\r\n})();","IsDeferred":false},{"Name":"DocumentFragment #1","Code":"(() =\u003E {\r\nconst dropdown = document.querySelector(\u0027select#test\u0027);\r\n\r\nconst fragment = document.createDocumentFragment();\r\n\r\nfor (let i=0; i\u003C5000; i\u002B\u002B) fragment.append(\u0060\u003Coption id=\u0022${i}\u0022 value=\u0022${i}\u0022\u003E${i}\u003C/option\u003E\u0060);\r\n\r\ndropdown.appendChild(fragment);\r\n})();","IsDeferred":false},{"Name":"DocumentFragment #2","Code":"(() =\u003E {\r\nconst dropdown = document.querySelector(\u0027select#test\u0027);\r\n\r\nconst fragment = document.createDocumentFragment();\r\n\r\nfor (let i=0; i\u003C5000; i\u002B\u002B) {\r\n\tconst option = document.createElement(\u0027option\u0027);\r\n\toption.value = \u0060${i}\u0060;\r\n\toption.setAttribute(\u0027id\u0027, \u0060${i}\u0060);\r\n\toption.textContent = \u0060${i}\u0060;\r\n\tfragment.appendChild(option);\r\n}\r\ndropdown.appendChild(fragment);\r\n})();","IsDeferred":false},{"Name":"Appending DOM objects\t","Code":"(() =\u003E {\r\nconst dropdown = document.querySelector(\u0027select#test\u0027);\r\n\r\nfor (let i=0; i\u003C5000; i\u002B\u002B) {\r\n\tconst option = document.createElement(\u0027option\u0027);\r\n\toption.value = \u0060${i}\u0060;\r\n\toption.setAttribute(\u0027id\u0027, \u0060${i}\u0060);\r\n\toption.textContent = \u0060${i}\u0060;\r\n\tdropdown.appendChild(option);\r\n}\r\n})();\r\n","IsDeferred":false}]}