Chrome innerHTML massive slowness (code.google.com)

1 points by balanceit ↗ HN
try 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>
		
	
</body>

</html>

3 comments

[ 3.2 ms ] story [ 19.9 ms ] thread
looks like we have to wait for google to sort this one out.
We just noticed this today as the calendar control in our app suddenly became extremely slow after a postback. Using library code, which makes it a bit harder to fix.
oh and this gets much much worse the larger the form data