VUE

VUE-GZIP压缩

VUE

Posted by BY Stone on August 24, 2018

Web脚本结构:

  • vendor.js ==vue相关组件==
  • app.js ==样式表==
  • manifest.js ==缓存脚本==
  • 0-17.js ==ui组件脚本==

以登录页面为参考

开发环境-未压缩

  1. vendor 1.7M
  2. jquery 32KB
  3. md5 1.7KB
  4. WebID 45KB
  5. Wm1SetIpUno 7.7KB

测试环境-打包

  1. vendor 912KB
  2. app.js 289KB
  3. jquery 91.5KB
  4. md5 4.5KB
  5. WebID 181KB
  6. Wm1SetIpUno 26.3KB
  7. ui组件脚本 808KB

测试环境-打包 - GZIP压缩

  1. vendor 247KB
  2. app.js 49KB
  3. jquery 91.5KB
  4. md5 2.2KB
  5. WebID 45KB
  6. Wm1SetIpUno 8.2KB
  7. ui组件脚本 230KB

开启Gzip压缩Nginx需要配置

http {
 
    gzip  on;
    gzip_min_length     1k;
    gzip_buffers        4 8k;
    gzip_http_version   1.0;
    gzip_comp_level     8;
    gzip_proxied        any;
    gzip_types          application/javascript text/css image/gif;
    gzip_vary           on;
    gzip_disable        "MSIE [1-6]\.";