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