浏览器进程和线程

浏览器的多进程架构和渲染进程中的多线程机制

问题

浏览器的进程和线程是如何组织的？它们各自负责什么工作？

浏览器采用多进程架构，主要包括以下进程：

Browser 进程：浏览器的主进程，全局唯一。负责创建和销毁其他进程、网络资源的下载与管理、浏览器界面的展示、前进后退等功能。

GPU 进程：负责 3D 绘制等图形处理，最多一个。

插件进程：每种类型的插件对应一个进程，仅在使用该插件时才创建。

渲染进程：也称为浏览器内核，每打开一个新网页就会创建一个进程。内部是多线程的，负责页面渲染、脚本执行、事件处理等。

渲染进程内部包含多个线程，协同完成页面的渲染和交互：

GUI 渲染线程：负责渲染浏览器界面，当界面需要重绘（Repaint）或回流（Reflow）时执行。

JavaScript 引擎线程：负责解析和执行 JavaScript 代码，例如 V8 引擎。这是一个单线程，同一时间只能执行一个任务。

事件触发线程：控制事件循环机制。当事件被触发时，该线程会把事件添加到任务队列的队尾，等待 JavaScript 引擎处理。

定时器线程：处理 setTimeout 和 setInterval。根据 HTML 标准，当嵌套层级超过 5 层且延迟小于 4ms 时，延迟会被设置为 4ms。

异步 HTTP 请求线程：处理 XMLHttpRequest 等异步请求。检测到状态变更时，将回调函数放入事件队列，由 JavaScript 引擎执行。

GUI 渲染线程与 JavaScript 引擎线程是互斥的。当 JavaScript 引擎执行时，GUI 线程会被挂起，GUI 更新会被保存在队列中，等到 JavaScript 引擎空闲时才执行。

这意味着如果 JavaScript 执行时间过长，会阻塞页面渲染，导致页面卡顿。