Browser rendering process

The rendering engine parses the chunks of HTML document and convert the elements to DOM nodes in a tree called the "DOM tree".

Also parses CSS files.

The browser constructs the render tree which is visual elements in the order in which they will be displayed. The purpose of this tree is to enable painting the contents in their correct order.

After the construction of the render tree, it goes through a “layout process” of the render tree. This means giving each node the exact coordinates where it should appear on the screen.

Paintingto display content on the screen. jThe render tree is traversed and the renderer’s “paint()” method is called to display content on the screen.