Hi,
I am using the developer tool in chrome (i think it is the same as safari). I did a timeline when I load wwww.yahoo.com. I attached the screen shot: http://yfrog.com/4jpicture2yyp
You see:
* Send Request (http://www.yahoo.com)
* Receive Response (http://www.yahoo.com)
* Receive Response (http://www.yahoo.com)
* Event (unload)
* Function Call
* Recalculate Style
* Recalculate Style
* Recalculate Style
* Parse
What I don't understand is why 'Parse' happens AFTER Function call and Recalculate Style? Shouldn't it need to parse HTML source FIRST Before it parses CSS file (I assume which triggers the 'Recalculate Style') and Java Script file (I assume which triggers the 'Function Call')