...

/

Parsing & Page Rendering

Parsing & Page Rendering

Parsing and page rendering are important concepts to know for any front-end interview. Let's have a quick refresher.

What a browser is made of

The browser is made of a few different components, many of which play a critical role in rendering.

  • User interface: All the interactive elements, including buttons on a browser, except for the window where the page is displayed.

  • Browser engine: The go-between for the UI and the rendering engine.

  • Rendering engine: Renders the requested content.

  • Networking: Handles network calls, such as HTTP requests, which we studied previously.

  • UI backend: Used for drawing basic widgets, such as list boxes and windows. It exposes a generic interface that uses OS methods underneath.

  • JavaScript engine: Parses and executes JavaScript code.

  • Data storage: The browser has some persistent memory available to store information like cookies, passwords, and history.

The importance of rendering performance

Web user’s today expect that ...