vue单页项目常用优化

vue项目是单页应用,项目在第一次加载的时候会将大部分内容都加载进来,故而会导致加载很慢,以下是优化方案:

1.使用cdn加载一些不常变化的文件,比如用到的UI框架,vue脚手架相关的文件 (参见vue项目优化--引入cdn文件)

2.将静态的js,css以及图片放到第三方服务器

3.按需加载路由

4.webpack-parallel-uglify-plugin 可以优化打包js文件

5.在代码层面进行优化:

 (1) 将重复的功能分块提取出来,封装成组件,让代码进行有效的复用

 (2) 尽量利用computed属性代替for循环来渲染数据

 (3) 提取公共方法,减少js代码量

 (4) 提取公共的样式,减少页面样式的代码量

 (5) 按照功能设置打包的代码块

 (6) 尽量用v-if 代替v-show.因为v-show为false只是设置页面的功能模块不可见,它还是会渲染. 而v-if为false,则不会渲染该模块的功能

目前只想到这么多了,后面有想到的再补充