前言

最近看了一些计算机网络的一些知识，简单总结一下用户从打开页面到显示页面的过程都发生了什么过程，以及一些优化方法

1. 渲染过程

1.检测本地是否有缓存->2.DNS查询->3.TCP进行连接，三次握手->4.发送请求（请求头）->5.后端接收响应->6.后端根据接收响应返还响应文件->7.开始加载HTML CSS JS ->8.开始渲染DOM树 ->9.渲染页面

2. 优化方法

我们可以根据各个环节进行针对性的优化，俗称“分治法”。

1. DNS查询优化

我们可以通过减少DNS查询来优化，简单的说就是统一域名，将相同的文件放在同一个域名下加载。

2.TCP优化

1.对TCP进行连接复用，在请求头处加上keep-alive标签，就实现来了动态复用，根据变化来响应，没变化就不会进行握手。

2. 运用HTTP2.0（好像1.1用的比较多）

3. 发送请求过程

1. 减少cookie体积，例如：CDN加载
2. CacheControl本地缓存
3. 同时加载多个文件，通过CDN来扩大域名数

4. 后端响应

1. 后端设置E-tag标签来检测本地缓存文件和后端文件是否相似，不同则加载，相同则304加载本地文件
2. Gzip压缩后上传

5. HTML CSS JS加载阶段

1. CSS放在Header中，JS放在最后
2. 减少标签数，讲文档声明写对

6. 其他优化

运用延迟加载（淘宝网下来后加载，减少请求数量）、按需加载（跳转页面后加载）、懒加载（添加loading）、预加载（在未翻到下一页之前就加载完成）、压缩图片等技术进行优化

小结

在页面加载过程中有很多优化的方法，这样我们的页面就会更快的加载完毕，提升加载速度，增加用户体验