浏览器渲染过程?以及浏览器从输入URL到渲染完页面的整个过程?
浏览器渲染过程?
- DOM 树:解析HTML构建DOM(DOM树)
- CSS树:解析CSS构建CSSOM(CSS树)
- 渲染树: CSSOM和DOM一起生成Render Tree(渲染树)
- 布局 (layout) :根据Render Tree浏览器就知道网页中有哪些节点,以及各个节点与CSS的关系,从而知道每个节点的位置和几何属性(重排)
- 绘制 (Paint) :根据计算好的信息绘制整个页面(重绘)
浏览器从输入URL到渲染完页面的整个过程?
1.获取IP地址
2.TCP/IP三次握手建立连接
3.浏览器向web服务器发送http请求
4.浏览器渲染
5.四次挥手断开连接