浏览器渲染原理之数据在网络中如何传输---2020-09-23

FP(First Paint)

1. 衡量web页面性能的重要指标：FP首次渲染。指的是从页面首次加载到首次绘制的时长。
2. 影响FP的重要因素：网络加载速度。

数据的传输形式

1. 在网络中，数据以数据包的形式进行传输，数据包在传输的过程中有很大的概率丢失或出错。

IP协议

1. IP协议是网络层协议，属于底层协议，目的：把数据包送到目的主机。
2. 数据包要在互联网上进行传输，要符合网际协议（IP）标准。
3. 计算机的地址就称为IP地址，IP地址是唯一的，访问任何网站实际上只是你的计算机向其他计算机请求信息。
4. IP头包括： IP版本， 目的IP地址， 源IP地址， 生存时间

UDP协议

1. UDP协议是用户数据包协议，属于传输层协议，目的：把数据包送达正确的应用程序。
2. UDP协议最重要的信息：端口号。
3. UDP头： 源端口号， 目的端口号。
4. 特点：UDP不能保证数据的可靠性及完整性，但是传输速度比较快。
5. 应用场景：UDP主要应用在在线视频，互动游戏等。

TCP协议

1. TCP协议是传输控制协议，是一种面向连接的，可靠的，基于字节流的传输层协议。
2. 特点：

• 基于数据包丢失的情况，TCP协议提供重传机制。
• TCP协议引入了数据包排序机制，用来保证把乱序的数据包组合成一个完整的文件。

3. TCP头： 目标端口号， 源端口号， 用于排序的序列号
4. 完整的TCP连接过程：

• 三次握手建立连接（TCP提供面向连接的传输控制协议）
• 传输数据（接收端需要对每个数据包进行确认）
• 四次挥手断开连接

HTTP协议

1. HTTP协议属于应用层协议，是基于TCP/IP协议的。

数据传输的过程

总结

1. 数据的丢失和重传都是在传输层，TCP协议完成。
2. 浏览器接受到HTTP响应头中的content-type类型就开始准备渲染进程了，响应数据一旦接受便开始DOM解析了，HTTP能保证数据按照顺序接受。
3. HTTP协议是应用层协议，是TCP的上层协议，下层协议是为上层协议服务的。