<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:arial,helvetica,sans-serif;font-size:10pt"><div>Hi,<br><br>I'm struggling with the performance of my web app partly due to the unpredictability of when the browser decides to draw after (or while) I update the page description.<br><br>Firefox seems to draw on function boundaries and eg when I access document.body.clientHeight, so if I do something like:<br>&nbsp;&nbsp;&nbsp; myDiv.innerHTML = "abc"<br>&nbsp;&nbsp;&nbsp; h = document.body.clientHeight<br>&nbsp;&nbsp;&nbsp; myDiv.className = getClassName()<br><br>The performance is worse than if I do:<br>
&nbsp;&nbsp;&nbsp; h = document.body.clientHeight<br>&nbsp;&nbsp;&nbsp; myDiv.className = getClassName()<br>


&nbsp;&nbsp;&nbsp; myDiv.innerHTML = "abc"<br><br>because the former draws twice and the latter only once (obviously this example is grossly simplified)<br><br>
It doesn't seem very practical or sensible to require the developer to order code in a specific way to avoid these sorts of performance penalties and my prefered solution would be to add "I'm about to edit the page description, please suspend drawing
ops" and "I've finished editing the page description, now you
may draw" functionality to the language - which is why I've mailed this group.<br><br>Alistair<br><br></div></div><br>

      <hr size=1>Never miss a thing.  <a href="http://us.rd.yahoo.com/evt=51438/*http://www.yahoo.com/r/hs"> Make Yahoo your homepage.</a>

</body></html>