优化的了解

优化的了解？

比如从客服端着手的？
1.压缩代码(JS/CSS)压缩图片；
2.合并一些小图片（css sprite）;
3.若是打包的代码尽可能切割多个chunk,减少单一chunk过大；
4.静态文件采用cdn引入；
5.HTTP的缓存头使用的合理；
6.减小第三方库的依赖；
7.对于代码应该考虑性能来编写，比如使用requestAnimationFrame绘制动画，尽可能减少页面重绘（DOM改变）；
8.渐渐升级，引入preload这些预加载资源；
9.看情况用service worker来缓存资源（比如移动端打算搞PWA）
比如 从服务端着手：
1. 带宽，域名解析，多域名解析等；
2. 页面做服务端渲染，减小对浏览器的依赖（不用客户端解析）；
3. 渐进升级，比如引入HTTP2（多路复用，头部压缩这些可以明显加快加载速度）
对vue项目进行哪些优化？
（1）代码层面的优化；
v-if 和 v-show区分使用场景；
computed和watch区分使用场景；
v-for遍历必须为item添加key,且避免同时使用v-if;
长列表性能优化；
事件的销毁；
图片资源懒加载；
路由懒加载；
第三方插件的按需引入；
优化无限列表性能；
服务端渲染SSR or预渲染；
（2）Webpack层面的优化
Webpack对图片进行压缩；
减少ES6-ES5的冗余代码；
提取组件的css；
优化SourceMap;
构建结果输出分析；
vue项目的编译优化；
（3）基础的的Web技术的优化
开启gzip压缩
浏览器缓存
CDN的使用
使用Chrome Performance查找性能瓶颈；