浏览器进程

浏览器是多进程的，主要包含的进程有：

1. Browser进程：浏览器的主进程(负责协调、主控)，只有一个。作用包括：

• 负责浏览器界面显示，与用户交互。如前进后退等
• 负责各个页面的管理、创建和销毁其它进程
• 将Render进程得到的内存中的Bitmap，绘制到用户界面上
• 网络资源的管理、下载等

2. 第三方插件进程：每种类型的插件对应一个进程，仅当使用该插件时才创建

3. GPU(Graphics Processing Uni，图形处理器)进程：最多一个，用于3D绘制

4. 浏览器渲染进程(浏览器内核)(Renderer进程，内部是多进程的)：默认每个tab页面一个进程，互不影响。主要作用为：页面渲染、脚本执行、事件处理等。

在浏览器中打开一个网页相当于新起一个进程(进程内有自己的多线程)

浏览器多进程的优势：

1. 避免单个page crash影响整个浏览器

2. 避免第三方插件crash影响整个浏览器

3. 多进程充分利用多核优势

4. 方便使用沙盒隔离插件等进程，提高浏览器稳定性

浏览器的渲染进程主要包括的线程有：

1. GUI(Graphical User Interface，图形用户界面)渲染线程

• 负责渲染浏览器界面，解析HTML、CSS，构建DOM树和RenderObject树，布局和绘制
• 当界面需要重绘(Repaint)，或者由于某种操作引发回流(Reflow)时，该线程就会执行
• 注意，GUI渲染线程和js引擎线程是互斥的，当js引擎执行时GUI线程会被挂起(相当于被冻结了)，GUI更新会被保存在一个队列中，等到js引擎空闲时，立即被执行

2. js引擎线程

• 也称为js内核，负责处理JavaScript脚本处理。(例如V8引擎)
• js引擎线程负责解析JavaScript脚本，运行代码
• js引擎一直等待着队列中任务的到来，然后加以处理，一个tab页(render进程)中无论什么时候都只有一个js线程在运行js进程

3. 事件触发线程

• 归属于浏览器而不是js引擎，用来控制事件循环
• 当js引擎执行代码块如setTimeout时(也可来自浏览器内核的其它线程，如鼠标点击，AJAX异步请求等)，会将对应任务添加到事件线程中
• 当对应的事件符合触发条件被触发时，该线程会把事件添加到待处理队列的队尾，等待js引擎的处理
• 注意：由于js的单线程关系，所以这些待处理队列中的事件都得排队等待js引擎处理(当js引擎空闲时才会去执行)

4. 定时器触发线程

• 传说中的setInterval与setTimeout所在线程
• 浏览器定时计数器并不是由JavaScript引擎计数的，因为JavaScript引擎是但线程的，如果处于阻塞线程状态就会影响计时的准确
• 因此通过单独线程来计时并触发定时(计时完毕后，添加到事件队列中，等待js引擎空闲后执行)

5. 异步http请求线程

• 在XMLHttpRequest在连接后是通过浏览器新开的一个线程请求
• 将检测到状态变更时，如果设置有回调函数，异步线程就产生状态变更事件，将这个回调再放入到事件队列中去，再由JavaScript引擎执行

内容来自文章从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理