web页面整体加载过程

web页面整体加载过程:从用户输入url并回车到最终页面加载完成的整个过程
  • 1.用户输入url并回车

  • 2.浏览器进程检查url,组装协议,构成完成的url

  • 3.浏览器进程间通信(IPC)把url发送给网络进程

  • 4.网络进程接受rul后进行本地缓存检查,如果有缓存资源则返回给浏览器,如果没有,网络进程响应web服务器发起http网络请求

    http请求过程
    1. DNS解析,获取IP地址端口号,(如本地DNS已缓存就直接使用)
    2. http+端口号向服务器建立TCP连接
    3. 构建请求头,请求体,请求行等,发送相关请求信息
    4. 服务器响应后,网络进程响应头和相应信息,并分析响应信息

    网络进程解析响应流程:
    4. 检查状态码,确定是否需要重定向
    5. 200响应处理,检查响应类型,content-Fype,如果是字节流类型,则交给下载管理器执行下载操作,该流程结束;如果是html类型,则通知浏览器,进行渲染工作前期准备

  • 5.准备渲染进程
    浏览器进程检查当前的url是否和之前的打开的渲染进程名相同,如果相同,则复用原来的进程,不同则开启新的渲染进程

  • 6.传输数据,更新状态
    浏览器进程,渲染进程,网络进程等各进程间相互通信,传输文档,数据,安全监测,准备渲染工作

  • 7.渲染进程开始渲染页面

  • 8.浏览器渲染流程

    1. 构建DOM树
    2. 计算样式
    3. 布局阶段(位置计算)
    4. 分层
    5. 生成图层 绘制列表
    6. 栅格化操作
    7. 合成和显示
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值