vue项目性能速度优化

1.打包的时候去掉map文件，缩小打包后的文件大小，提高编译速度

config/index.js中productionSourceMap: true,修改为false

2.取消js，css的预加载，在首次加载项目时不去加载页面的js，css文件

module.exports = {
        //取消打包文件dist里面的.map文件 
          productionSourceMap: process.env.NODE_ENV === 'development' ? true : false,
  
        //取消引入css 的rel='preload'属性 取消文件的预加载  适用于引入文件较多的项目
          chainWebpack: config => {
            config.plugins.delete("prefetch") //取消预加载
          },
  }

3.使用gzip压缩打包后的文件

vue使用 nginx gzip需要配合nginx服务器端配置。在nginx.conf里具体配置如下：

gzip on; 开启或关闭gzip on off
gzip_buffers 32 4k;
gzip_comp_level 5; 压缩等级，字数越大压缩越好，时间也长
gzip_static on; 表示使用已经压缩好的gz文件，根据请求 配合vue生成的gz文件
gzip_min_length 1