摘要：一、常用性能优化方法 1、网络传输优化 2、web服务端优化 3、浏览器端（渲染）优化 4、其他优化 二、基于Vue的性能优化 阅读全文

摘要：参考文档 深入理解浏览器的缓存机制 https://www.jianshu.com/p/54cc04190252 一文读懂前端缓存 https://mp.weixin.qq.com/s/cUqkG3NETmJbglDXfSf0tg 缓存的分类 按存储位置分 memory cache： 存储在内存 关 阅读全文

摘要：本文摘自掘金小册子《前端性能优化原理与实践》 一、可视化监测 1、chrome工具Performance 面板 CPU 图标和 Summary 图都是按照“类型”给我们提供性能信息，而 Main 火焰图则将粒度细化到了每一个函数的调用。到底是从哪个过程开始出问题、是哪个函数拖了后腿、又是哪个事件触发 阅读全文

摘要：一、文件压缩的好处 前端生产环境中将js、css、图片等文件进行压缩的好处显而易见，通过减少数据传输量减小传输时间，节省服务器网络带宽，提高前端性能。 二、http协议如何支持压缩文件的传输 1、浏览器请求数据时，通过Accept-Encoding说明自己可以接受的压缩方法 2、服务端接收到请求后， 阅读全文