How does browser page lifecycle sequence work?

Viewed 10930

Would like to create a presentation on how the browser work, does anybody know the exact lifecycle sequence which happen whenever a browser URL is requested?

What are the steps which happen after a response is received from the server in terms of :

  1. Rendering - CSS filters application, webkit etc...
  2. Javascript - Loading and running
  3. CSS Application
  4. DOM Construction / at which point is the DOM written and how?
  5. Cookies
  6. Other network related activities etc.

-- not quiet sure if this is even the right order...

is it the same in all browsers or different browsers have different lifecycles?

Note - a well written answer with details explaining each step by Ced below. what I was actually looking for was "Critical Rendering Path" - the general stages of the process are well explained by other good answers.

Thank God, and good job everyone!

4 Answers
Related