1、在浏览器地址栏输入url后，通过dns查询将域名转换为对应的IP地址（浏览器本地缓存，电脑缓存，路由器等中间缓存，域名服务器）；
2、找到服务器的IP地址后，通过三次握手建立tcp连接，浏览器在建立好的tcp连接上发送http请求到服务端；
3、服务端处理请求，并发送响应到浏览器端
4、浏览器接收到响应数据（html文件），并解析html文件
5、解析html文件时，首先将接收到的数据按照编码方式转化为单个字符，再通过浏览器规范将单个字符组合成对应的标记，然后根据规范将标记转化为包含对应属性的对象————dom节点，然后形成dom树
6、在解析html文件时，会遇到<link>和<script>标签外链样式文件和脚本文件，其中css文件的加载不会阻塞dom树的构建，但会阻塞render树的构建；脚本文件在加载后会立即执行，并且加载和执行的过程都会阻塞dom树的构建。这里还有一点就是css文件的加载会阻塞脚本文件的执行，因为脚本文件可能会依赖css文件。
7、加载好的css文件会按照类似的解析规则生成对应的css规则树，与dom树一起合并成render树，也就是浏览器中呈现页面所对应的内容结构。
8、渲染render树时，首先计算好页面元素的占据空间信息和位置信息（回流），然后计算其背景色，字体颜色，边框颜色等外观信息（重绘），将所有元素都进行合成到一个复合图层上去，交给GPU进行渲染，最终呈现到浏览器中
原文：https://www.cnblogs.com/iszhangjin/p/11428629.html