Here is the steps the browser takes to render a web page after receiving the content from the server:
- Constructing the DOM Tree
- Constructing the CSSOM Tree
- Creating the Render Tree
- Generating the Layout
You can use Google chrome DevTool “Performance” to view rendering in progress with details and charts.
For more details, check this page: