一个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引擎完成异步操作