浏览器渲染原理

1.渲染是什么？

渲染 (render)，是指将HTML代码转换为像素信息的过程。

当用户在浏览器上输入url之后，访问的服务器返回html文件，本质上是html代码，是字符串。渲染这个过程的任务就是：识别这段字符串，并且转换为像素信息。

2.渲染时间点

用户打开网页的过程可以简单概括为：

1. 网络：拿HTML。

   这里概括为拿HTML，是因为在HTML文件中可以通过<style>标签和<script>标签引入 CSS 和 JS 文件。

2. 渲染：解析HTML代码并最终转换为像素信息。浏览器有很多进程，其中有网络进程，而网络进程又包含网络线程。网络线程完成网络请求任务之后，拿到了一个html文件，但是它没有解析的能力，于是将html文件包装成一个任务，通过消息队列，转交给渲染主线程。渲染主线程拿到渲染任务之后，就开始了渲染流程。

 3.渲染流程

1.解析HTML - Parse HTML

2.样式计算 - Recalculate Style