Rendering path for HTML web page

Here is the steps the browser takes to render a web page after receiving the content from the server:

1. Constructing the DOM Tree
2. Constructing the CSSOM Tree
3. Running JavaScript
4. Creating the Render Tree
5. Generating the Layout
6. Painting

You can use Google chrome DevTool “Performance” to view rendering in progress with details and charts.

For more details, check this page: 

https://bitsofco.de/understanding-the-critical-rendering-path/