uniapp 性能提升之gzip()

這是個什麼妖怪框架嘛！這個前端界面的性能簡直辣眼睛啊。

搞了一下午，終於把它優化了一丟丟兒

uniapp下新增vue.config.js文件

安裝依賴

npm install brotli-webpack-plugin -s
npm install compression-webpack-plugin -s
npm install @gfx/zopfli -s

vue.config.js內容

const BrotliPlugin = require("brotli-webpack-plugin");
const CompressionPlugin = require("compression-webpack-plugin");
const zopfli = require("@gfx/zopfli");

let plugins = [];
if (process.env.NODE_ENV === "production") {
  const compressionTest = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i;
  plugins = [
    new CompressionPlugin({
      algorithm(input, compressionOptions, callback) {
        return zopfli.gzip(input, compressionOptions, callback);
      },
      compressionOptions: {
        numiterations: 15
      },
      minRatio: 0.99,
      test: compressionTest
    }),
    new BrotliPlugin({
      test: compressionTest,
      minRatio: 0.99
    })
  ];
}

module.exports = {
  configureWebpack: {
    plugins
  },
  // ...omitted
}

並沒有提升多少性能！！聊勝於無吧。不知道爲啥這麼慢！！

提升後