浏览器工作原理（3）-TCP协议文件如何从服务器到浏览器

浏览器工作原理-TCP协议，文件如何从服务器到浏览器

本周继续学习浏览器工作原理及实践，本次内容来看一下TCP协议确保文件完整的送到至浏览器

First Page 是指页面加载到首次开始绘制的时长，而影响这个性能指标的一个重要原因是网络加载速度，网络传输协议无论使用http还是websocket，都是基于TCP/IP的，所以有必要了解一下TCP/IP，对于web的性能调优和问题定位都有很大帮助。

在网络传输过程中，其实是将文件拆分为很多数据包来传输，而数据包在传输过程中有很大概率丢失或者出错，这就是常说的丢包问题。那么网络协议是如何保证页面文件能被完整的送达到浏览器呢？

1 IP: 把数据包送达目的主机
数据包想要在网络中进行传输，必须要遵从网络协议（Internet Protocol），计算机的地址称为IP地址，访问网络其实是一个计算机向另一个计算机请求信息

主机A向主机B发送数据包，在传输之前，数据包上会附加上主机B的地址以确定要发送的目的地址，还会附加上主机A的地址，以便主机B做出回应，这些额外信息被封装进一个叫IP头的数据结构里，里面主要包括IP版本、源IP地址，目标IP地址，生存时间等，这部分工作是在网络层来完成的

2 UDP：把数据包送达应用程序
由于IP是非常底层的协议，只负责由主机A发送到主机B, 但是数据包到达B之后如何交给应用程序就无能为力了，这时候我们又需要高一层的协议来处理数据包，常见的是“用户数据包协议(UDP)”

UDP中一个重要的信息是端口号，通过端口号，UDP就可以将数据包发给应用程序，IP通过IP地址把数据发送到指定电脑，而UDP是通过端口号把数据包分发给正确的应用程序，UDP头里面同样是封装了端口号，这一层是在传输层来完成

数据包的数据部分	UDP头	IP 头

一个数据包大致如上图所示

UDP的特点是：对错误包直接丢弃，发送之后无法知道是否到达，但是速度比较快

3 TCP: 把数据完成送到应用程序
由于UDP的局限性，对于安全和可靠性要求更高的传输时，就必须来使用TCP了

• TCP采用丢包重传机制
• TCP数据包排序功能，保证乱序的数据包能够组合成完整的文件

TCP头除了目标端口和本机端口，还包含了排序序列号

来看一下一个TCP传输生命周期

一个传输声明周期包含建立连接，数据传输，断开连接

建立连接：这个阶段通过三次握手来完成，建立一个TCP连接时，客户端和服务器总共要发送三个数据包以确认连接的建立

数据传输：接收端需要对每个数据包进行确认，接收端接受到数据之后，要发送确认信息给发送端，如果发送端发送数据一段时间后没有收到确认信息，则认为是丢包，触发数据重传机制

断开连接：四次挥手保证双方断开连接

下一节讲HTTP协议