图解浏览器的基本工作原理

由于文中有视频，可在知乎专栏中查看本文全文
图解浏览器的基本工作原理
或阅读后面的参考链接

以下为摘要

前言

可能每一个前端工程师都想要理解浏览器的工作原理。
我们希望知道从在浏览器地址栏中输入 url 到页面展现的短短几秒内浏览器究竟做了什么；
我们希望了解平时常常听说的各种代码优化方案是究竟为什么能起到优化的作用；
我们希望更细化的了解浏览器的渲染流程。

浏览器的多进程架构

Browser Process：

• 负责包括地址栏，书签栏，前进后退按钮等部分的工作；
• 负责处理浏览器的一些不可见的底层操作，比如网络请求和文件访问；
  Renderer Process：
• 负责一个 tab 内关于网页呈现的所有事情
  Plugin Process：
• 负责控制一个网页用到的所有插件，如 flash
  GPU Process
• 负责处理 GPU 相关的任务

浏览器中一个完整的导航过程发生了什么

渲染进程的工作原理

浏览器对事件的处理方法

参考链接

• Part1 - CPU, GPU, Memory, and multi-process architecture
• Part2 - What happens in navigation
• Part3 - Inner workings of a Renderer Process
• Part4 - Input is coming to the Compositor
• 浏览器的工作原理：新式网络浏览器幕后揭秘