How does browser page lifecycle sequence work?

Question

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?

Wha

Answer 1

1. The answer to all most of your questions "What happens when we search Google".
2. The browser renders HTML to the page by following html syntax standard. Remember that browsers are very forgiving and there is such thing as invalid HTML.
3. Css is applied to the page by following css grammar.
4. All browsers have to implement js according to ECMA Script standards.

Some other useful resources:

1. Firefox 3D tilt plugin help visualise webpages and how they are rendering content in different layers.

2. Chrome's performance tab a good visualisation of what happens during a page load and how the dom tree is constructed. It helps in identifying the bottlenecks in the render process.

3. You can see a lot of backend functionality of your browser like the cached HTML content, cached images, dns cache, open ports etc. by opening chrome://net-internals/.