h5首页加载慢_Vuejs单页应用首页verdor.js大加载慢的问题解决方案之一

Vuejs单页应用首页verdor.js大，并且加载慢，严重的影响用户体验，尤其对于移动端应用来说，做了很多优化，尽可能的去掉了不需要的东西，但是还是加载慢，尝试了一些方法，其中最简单有效的办法就是开启gzip。

操作步骤如下：

配合 vue-cli 的构建工具，开启 config/index.js 中的

productionGzip: true

Vue默认没有安装相应webpack 插件，需要手动安装一下：

npm install --save-dev compression-webpack-plugin

build 时会看到多打出很多 .gz 的包就ok啦~

但是这个时候gzip不一定有效，所有还需要在nginx配置里配置对js文件的gzip

比较完整的配置如下：

# Enable Gzip compressed.

# http://nginx.org/en/docs/http/ngx_http_gzip_module.html#gzip_http_version

gzip on;

# Compression level (1-9).

#5 is a perfect compromise between size and cpu usage, offering about

#75% reduction for most ascii files (almost identical to level 9).

gzip_comp_level 9;

# Don't compress anything that's already small and unlikely to shrink much

<