1.利用缓存
* + 对于静态资源文件实现强缓存和协商缓存（扩展：文件有更新，如何保证及时刷新？）
* + 对于不经常更新的接口数据采用本地存储做数据缓存（扩展：cookie / localStorage / vuex|redux 区别？）
* 2.DNS优化
* + 分服务器部署，增加HTTP并发性（导致DNS解析变慢）
* + DNS Prefetch
* 3.TCP的三次握手和四次挥手
* + Connection:keep-alive
* 4.数据传输
* + 减少数据传输的大小
* + 内容或者数据压缩（webpack等）
* + 服务器端一定要开启GZIP压缩（一般能压缩60%左右）
* + 大批量数据分批次请求（例如：下拉刷新或者分页，保证首次加载请求数据少）
* + 减少HTTP请求的次数
* + 资源文件合并处理
* + 字体图标
* + 雪碧图 CSS-Sprit
* + 图片的BASE64
* + ......
* 5.CDN服务器“地域分布式”
* 6.采用HTTP2.0
* ==============
* 网络优化是前端性能优化的中的重点内容，因为大部分的消耗都发生在网络层，尤其是第一次页面加载，如何减少等待时间很重要“减少白屏的效果和时间”
* + LOADDING 人性化体验
* + 骨架屏：客户端骨屏 + 服务器骨架屏
* + 图片延迟加载
* + ....
DNS Prefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与 DNS 有关的有两点： 一个是减少DNS的请求次数，另一个就是进行DNS预获取 。参考地址：https://blog.csdn.net/langyu1021/article/details/78923009
三次握手，四次挥手：https://www.cnblogs.com/bj-mr-li/p/11106390.html