Frontend System Design Course
Frontend System Design
/
Advanced

Browser Architecture

Definition

Modern browsers are highly complex, multi-process operating systems. They typically consist of a Browser Process (UI, Network, Storage), multiple Renderer Processes (one per tab, sandboxed), a GPU Process, and Plugin Processes.

Explain Like I'm New

Chrome runs every tab as a separate mini-program (process) so that if one tab crashes or contains a virus, it doesn't crash your whole computer or steal data from other tabs.

Architecture & Flow

Interview Questions

basic

  • Can you explain the basic concept of Browser Architecture?
  • Why is Browser Architecture important in frontend system design?

intermediate

  • How does Browser Architecture impact perceived performance and user experience?
  • Describe a scenario where you had to debug an issue related to Browser Architecture.

advanced

  • In a highly scaled enterprise system, how do you optimize Browser Architecture?
  • What are the security implications of Browser Architecture?

trick

  • Can Browser Architecture be entirely bypassed or disabled? What happens if it is?

Flash Cards

Question

Define Browser Architecture.

Click to reveal answer
Answer

Browser Architecture is a core mechanism in frontend architectures.

Question

What is the main bottleneck for Browser Architecture?

Click to reveal answer
Answer

Usually network latency or CPU-bound synchronous tasks blocking the main thread.