When the browser receives an HTML page from the network, it parses HTML into the Document Object Model (DOM). It breaks down HTML into tokens, representing start tags, end tags, and their contents. From this, the browser constructs the DOM.

Parsing HTML diagram: raw HTML is split into start tag, end tag and text tokens, which build the DOM tree

Fetching External Resources

When the parser encounters an external resource like a CSS or JavaScript file, it pauses to request these files. The parser will continue when CSS starts loading, although it will block rendering until it's loaded and parsed (more on this later).

<< Prev | 2/11 | Next >>
English
Home