一、 URL解析
1、 首先判断你输入的是一个合法的URL还是待搜索的关键字
2、如果是URL,对URL进行解析
二、 DNS查询
1、设备 —— 本地DNS服务器 —— xx 递归过程
2、DNS服务器和 顶级域名服务器、二级域名服务器、权威域名服务器之间是迭代过程
。
三、 TCP连接
进行TCP的三次握手
四、发送HTTTP请求
包括 请求行、请求头、请求体
五、 响应请求
状态行、响应头、响应正文
六、 页面渲染
1、 对收到的响应的资源进行解析
《1》查看响应头的信息,根据不同的指示做对应处理,eg:重定向, 存储cookie,解压gzip,缓存资源等等
《2》查看响应头的Content-type的值,根据不同的资源类型采用不同的解析方式
① 解析HTML,构建 DOM 树
② 解析 CSS ,生成 CSS 规则树
③ 合并 DOM 树和 CSS 规则,生成 render 树
④ 布局 render 树( Layout / reflow ),负责各元素尺寸、位置的计算
⑤ 绘制 render 树( paint ),绘制页面像素信息
⑥ 浏览器会将各层的信息发送给 GPU,GPU 会将各层合成( composite ),显示在屏幕上
公众号:
技术小难
简书
博客园 链接需要替换
CSDN
知乎
掘金
segmentfault
本文由mdnice多平台发布