【前端学习笔记】浏览器的渲染过程，阻塞渲染，

参考自：https://juejin.im/entry/59e1d31f51882578c3411c77

浏览器请求，加载，渲染一个页面（url请求，到页面生成的过程）：

1，DNS查询

2，TCP连接

3，HTTP请求即响应

4，服务器响应

5，客户端-浏览器解析，渲染页面

在第五部分，浏览器对内容的渲染，这一部分，渲染树构建，布局以及绘制。分为5个步骤：

1，处理HTML标记并构建DOM树；

2，处理CSS标记并构建CSSOM树（CSS对象模型）；

3，将DOM与CSSOM合并成一个渲染树（Render-Tree）；

4，根据渲染树来布局，以计算每个节点的几何信息；

5，将每个节点绘制到屏幕上；

在实际页面中，CSS与JavaScript往往会多次修改DOM和CSSOM。

阻塞渲染：CSS与JavaScript

现代浏览器总是并行加载资源，例如当HTML解析器被脚本阻塞时，虽然解析器会停止构建DOM，但仍会识别该脚本后面的资源，