3.渲染进程里的多个线程

一个Tab页里的所有执行任务都是在渲染进程(render process)进行的，其中包括：页面渲染、JS执行、事件循环、异步Http请求等。请牢记，浏览器的渲染进程是多线程的

下面来看看主要包含的线程

1.GUI渲染线程

---

GUI即Graphical User Interface，图形用户界面。该线程是由渲染引擎(render engine)驱动的，主要任务如下:

• 渲染页面，包括解析HTML、CSS，构建渲染树(render tree)，布局和绘制等（浏览器渲染原理）
• 执行重绘(Repaint)和重排/回流(Layout/Reflow)

注意：GUI渲染线程与JS引擎线程互斥，JS引擎线程执行时，GUI渲染线程会被挂起，GUI更新会被推入到队列中等JS引擎空闲时立即执行

2.JS引擎线程

---

顾名思义，就是由JS引擎驱动，执行JS代码的线程，主要任务如下：

• 解析JS代码
• 执行JS代码

注意：JS是单线程的，且与GUI渲染线程互斥，意味着当JS执行过长，可能会造成页面渲染不连贯，会造成堵塞

3.事件触发线程

---

归属于浏览器而非JS引擎，辅助JS引擎完成异步操作，因为JS代码是单线程的，主要任务如下：

• 当JS引擎执行setTimeout、ajax请求等异步操作时等触发了事件（即拿到了结果后）会将对应回调任务添加到任务队列中
• 等待JS引擎空闲时，会访问事件触发线程中的任务队列，从中取出