浏览器渲染原理

前置
渲染进程
浏览器会有五大进程

• 浏览器主进程主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。
• GPU进程Chrome 刚开始发布的时候是没有 GPU 进程的。而 GPU 的使用初衷是为了实现 3D CSS 的效果，只是随后网页、Chrome 的 UI 界面都选择采用 GPU 来绘制，这使得 GPU 成为浏览器普遍的需求。最后，Chrome 在其多进程架构上也引入了 GPU 进程。
• 网络进程主要负责页面的网络资源加载。
• 多个渲染进程核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页，排版引擎 Blink 和 JavaScript 引擎 V8 都是运行在该进程中，默认情况下，Chrome 会为每个 Tab 标签创建一个渲染进程。出于安全考虑，渲染进程都是运行在沙箱模式下。
• 多个插件进程主要是负责插件的运行，因插件易崩溃，所以需要通过插件进程来隔离，以保证插件进程崩溃不会对浏览器和页面造成影响。

传输协议
浏览器端数据的传输大多都是HTTP协议，而HTTP又是基于TCP/IP协议的。

IP协议
计算机唯一住址，有了这个地址，我们才能将消息发送到另外台电脑上。

用户数据包协议（UDP）
有了IP协议，我们能将信息发送到另外一台电脑上，但是这段消息具体哪个程序来接受处理呢？ 这又需要用到UDP，该协议用端口来区分运行在同一台设备上的多个应用程序。 我们所发送的每一段信息都会被计算机传输层和网络层处理，加上信息头，信息头里会包含自己的IP+端口和对方的IP+端口。有了上面的IP+ 端口&#