内容提要
- 浏览器渲染过程
- DNS
- TCP三次握手
- HTTP缓存机制
- CDN与集群
还记得HTTP协议吗?
- 浏览器先输入一个网址
- 然后浏览器先会去互联网上找DNS服务器进行解析
- 从DNS服务器拿到服务器IP以后,在回到浏览器中
- 然后浏览器拿着IP去发送HTTP请求
- 服务器处理请求
- 服务器响应请求
- 浏览器处理响应
- 继续请求其它资源
- 从prompt 到 response是和网络相关的
- 从processing到onload是和浏览器相关的
- prompt for unload
- 这一步是先把之前的页面干掉
- redirect、upload
- 这一步是衔接前面的,也是和缓存相关的,浏览器发一个请求,是从缓存取,还是从服务器拿
- app cache
- 如果要从缓存拿的话,我就处理本地应用cache,如果没有就无所谓了
- DNS
- 开始解析
- 解析结束
- 有这些事件我们就可以去在这些节点上进行优化
- TCP 层面
- 三次握手
- 开始连接 connectStart
- https连接 secureConnectionStart
- 连接结束 connectEnd
- 然后服务器会拿到你的请求路径
- Request 发送响应,但是连接还没完
- Processing 处理文档
- domLoading 开始载入dom
- dominteractive 把文档设置为交互状态
- domContentLoaded 触发这个事件
- domComplete 浏览器把文档设置为complete(表示文档与网络相关的修改已经结束了)
- onLoad (这个onload和,绑定那个onload事件是可以对应的)
- loadEventStart
- loadEventEnd
上面这是一次连接,然后下次再发请求的时候,回直接从Request开始。
是因为浏览器做了个优化,可以复用这个连接。
资源少就一个tcp连接,多任务就会打开多个tcp连接。keep-Alive模式
优化的点:
- 网络:DNS、TCP连接
- 传输
- 浏览器
- 缓存,包括浏览器本身的缓存和服务器中的缓存
DNS:
- DNS是域名系统,用于将域名转化为IP
- 顶级域名
- 域名资源记录
- 域名服务器
- 域名解析
TCP三次握手与四次挥手(如果少一次就不能保证,多一次就浪费)图二
-
三次握手
- 你发起连接请求
- 服务源接受你发送的连接,然后服务源会给你发送一个数据
- 然后你再发一条数据,告诉服务源我收到了
-
四次挥手
- 浏览器给服务源发送数据说我要挂了。
- 服务源响应说我收到你的请求了可以挂,我也要挂了。
- 然后浏览器发送数据可以断开。
- 服务源断开连接。
osiiso模型和TCPIP模型
- 应用层(data数据。HTTP、FTP、DNS、DHCP)
- 表示层
- 会话层(TCPIC把上面三个合并为应用层。HTTP就在这层。这一层会加一个)
- 传输层(TCP协议、UDP协议)
- 网络层(它封装的是二进制,它是帮助你找到对方主机,IP、ICMP这个是ping发的包)
- 数据链路层(这一块是做了封装,数据链路层传递的是电脉冲信号,也是有一种规则的。网卡的MAC地址。ARP是在局域网广播MAC地址,也有这种攻击,如我叫小明。)
- 物理层(硬件、网卡、网线、承载你数据的基础设施。纯硬件)
tcpdump
- -n 以ip地址显示
- host 192.168.0.200 and 111.13.100.92
- -i enp1s0 显卡地址
curl
- 用命令行进行远程http通讯
CDN
- 主机模式
- CDN离你最近的那台服务器
ttl最多64
缓存机制:
- Etag
网友评论