前端性能优化--文件获取优化

前端性能优化01

1. 加载文件 css.js
2. http 协议的细节
3. 从 url 到页面渲染完毕，发生了什么
4. 大厂怎么上线前端代码

网络层面优化

1. 从输入 URL 到页面加载完成，发生了什么？

   • 用户输入域名 - 浏览器通过 DNS，把 url 解析成 IP
   • 和 IP 地址建立 TCP 链接发送 HTTP 请求
   • 服务器接手请求，查库，读文件，返回的 HTTP响应
   • 浏览器收到首屏的 html，开始渲染
   • 解析 html 为 dom
   • 解析 css 为 css-tree
   • 加载 dom+css 生成 render-tree 绘图
   • 加载 script 的 js 文件 - 执行 js

2. 网络协议（7 层）

   • ip 协议（寻址）
   • ip 协议之上，使用 tcp 协议来确保数据的完整有序
     （1)三次握手
     （2）滑动窗口
     （3）慢启动
     （4)挥手
     （5）分包
     （6）重发
   • tcp 协议之上（防丢失），我们使用 http（应用层） 协议来作为网页传输的协议
   • udp也是基于ip的，不考虑数据完整和有序，upd协议性能快，不在乎丢包（音视频聊天），包贼小不需要分包，