-S 生成依赖,就运行时上线时依赖,也就是—save
-D,也就是开发时需要依赖,也就是—dev,就像是bable解码器和git这样的文件
1.减少http请求
1.例如将多个小文件合并成一个大文件
2.图片懒加载 ,路由懒加载
长列表优化啊
冻结只需要展示的数据,不被劫持为响应式
3.将 CSS 放在文件头部,JavaScript 文件放在底部
4.尽量减少避免重排
5.压缩文件,使页面加载速度变快
例如gzip,webpack插件使用config配置
6.假如某个数据只需要用来展示,可以用Object.freeze冻结他不允许vue劫持(也就是添加get/set)可以节约初始化时间
7.cdn加速,就是用最近服务器的缓存引入vue,vue-router等库或者一些图片的公共资源,加快服务器速度
webpack构建时性能优化
1.优化loader性能
限制loader的查找搜索范围
缓存loader的结果
2.打包体积优化
tree-shaking(摇树)
作用:通过工具”摇”我们的JS文件,将其中用不到的代码”摇”掉
也就是将没有依赖的模块摇掉,达到删除无用代码的目的,减少体积性能优化