前言
最近看了一些计算机网络的一些知识，简单总结一下用户从打开页面到显示页面的过程都发生了什么过程，以及一些优化方法
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标签，就实现来了动态复用，根据变化来响应，没变化就不会进行握手。
- 运用HTTP2.0（好像1.1用的比较多）
3. 发送请求过程
- 减少cookie体积，例如：CDN加载
- CacheControl本地缓存
- 同时加载多个文件，通过CDN来扩大域名数
4. 后端响应
- 后端设置E-tag标签来检测本地缓存文件和后端文件是否相似，不同则加载，相同则304加载本地文件
- Gzip压缩后上传
5. HTML CSS JS加载阶段
- CSS放在Header中，JS放在最后
- 减少标签数，讲文档声明写对
6. 其他优化
运用延迟加载（淘宝网下来后加载，减少请求数量）、按需加载（跳转页面后加载）、懒加载（添加loading）、预加载（在未翻到下一页之前就加载完成）、压缩图片等技术进行优化
小结
在页面加载过程中有很多优化的方法，这样我们的页面就会更快的加载完毕，提升加载速度，增加用户体验
网友评论