Chrome innerHTML massive slowness
https://code.google.com/p/chromium/issues/detail?id=230504try the below in IE/ff/chrome
<!DOCTYPE html> <html lang="en" class="ims-lvl-1">
<head> </head>
<body id="pagewrapper" class="gainlayout yui-skin-sam ims-lvl-1">
<form id="theForm" enctype="multipart/form-data" action="test.html" method="post">
<input type="submit" value="Submit">
<script type="text/javascript">
var starttime = new Date().getTime();
for (var i=0; i<100000;++i){
var el = document.createElement('div');
el.appendChild(document.createTextNode(''));
}
var endtime = new Date().getTime();
console.log(endtime - starttime);
</script>
<input type="hidden" name="h" value="012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789">
</form>
</html>