一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?

1.在浏览器地址栏输入地址 https://www.qingyidai.com

2.如果页面使用强缓存,并且缓存未过期,使用本地缓存,到第13步

3.查找浏览器DNS缓存,解析域名,得到Ip,到第8步

4.查找本地hosts文件,解析域名,得到Ip,到第8步

5.查找本地DNS缓存,解析域名,得到Ip,到第8步

6. 查找本地DNS服务器,解析域名,得到Ip,到第8步

7. 查找各级域名服务器,解析域名,得到Ip,到第8步

8.浏览器经过三次握手与服务器建立起TCP/IP链接

9.一旦TCP/IP连接建立,浏览器向服务器发送HTTP请求

10.请求经过应用层,传输层,网络层,数据链路层,物理层,最终将数据送到目的主机的目的端口

11.服务器收到请求,在服务器空间中查找对应的资源,返回HTTP相应

12.浏览器接收HTTP相应,解析相应头信息,如404显示错误页面, 304使协议缓存, 200就行下一步解析渲染

13.如果页面使用了强缓存或协议缓存,先缓存资源。如果不使用缓存,直接进行下一步

14.解析html代码,如果html中有请求js/css/image等资源,向服务器请求这些资源。将html,css解析成DOM树,CSS树,执行js代码

15.渲染页面样式,对定义的样式进行计算,绘制

 

转载于:https://www.cnblogs.com/littlechen/p/11201386.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值