网络层面
请求过程的优化
构建工具调优
webpack dllplubgin babel-loader cacheDirectory exclude 代码分隔，按需加载
使用gzip压缩
request header accept encodeing connect keep-alive
图片的优化
小图用png8可以的话就用png8 banner用jpg 用url-loader 小于limit的图可以直接转为base64 使用雪碧图、iconfont
减少网络请求
本地存储 cookie localstorage sessionstorage
indexeddb
浏览器的缓存机制
强缓存
cache-control > expires 减少dns查询，浏览器直接返回200
memorycache diskcache
使用cdn 既可以快，缓存，也可以减少不必要的cookie传输 service-worder cache
协商缓存
etag last-modified 服务器返回304
渲染层面
将样式放到页面顶部 把js放到页面底部 减少dom操作 vue放到异步队列中在微任务中进行处理 懒加载 防抖节流
