从输⼊ URL 到⻚⾯加载完成,发⽣了什么?

我们的性能优化策略,也是基于这个问题,针对每⼀步依次解析

步骤

  1. ⽤户输⼊taobao.com
  2. 域名解析 浏览器通过DNS,把url解析为IP
  3. 发起TCP三次握手建立连接
  4. 建立连接后发起http请求
  5. 服务器响应请求,浏览器获取html源码
  6. 浏览器收到⾸屏html,开始渲染
  7. 解析html为dom
  8. 解析css 为css-tree
  9. dom+ css ⽣成render-tree 绘图
  10. 加载script的js⽂件
  11. 执⾏js

所谓性能优化,就是上⾯的步骤加⼀起,时间尽可能的短,所以基本也有两⼤⽅向
少加载⽂件
少执⾏代码

DNS

  1. 查看dns缓存
  2. 本地没缓存,发起dns请求,向本地配置的DNS服务器发请求(递归)
    优化: prefetch 预获取,⽐如使⽤了cdn的域名在这里插入图片描述

TCP

IP TCP HTTP的关系
IP负责找到
TCP 负责数据完整性和有序型, 三次握⼿,粘包 ,滑动窗⼝等机制( Vs udp)
http应⽤层,负责应⽤层数据,数据终⽌时机

优化策略:

  1. ⻓连接
  2. 减少⽂件体积
    js打包压缩
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值