perf: gzip ui asserts

Signed-off-by: Jianhui Zhao <[email protected]>

http.go

@@ -8,6 +8,7 @@ import (
 	"net"
 	"net/http"
 	"strconv"
+	"strings"
 	"time"
 
 	"rttys/cache"
@@ -571,6 +572,17 @@ func httpStart(br *broker) {
 				r.HandleContext(c)
 				return
 			}
+
+			if strings.Contains(c.Request.Header.Get("Accept-Encoding"), "gzip") {
+				if strings.HasSuffix(path, "css") || strings.HasSuffix(path, "js") {
+					magic := make([]byte, 2)
+					f.Read(magic)
+					if magic[0] == 0x1f && magic[1] == 0x8b {
+						c.Writer.Header().Set("Content-Encoding", "gzip")
+					}
+				}
+			}
+
 			f.Close()
 		}
 

ui/package.json

@@ -31,6 +31,7 @@
     "@vue/cli-plugin-typescript": "^4.5.12",
     "@vue/cli-service": "^4.5.12",
     "@vue/eslint-config-typescript": "^5.1.0",
+    "compression-webpack-plugin": "^6.1.1",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
     "sass": "^1.32.12",

ui/vue.config.js

@@ -1,4 +1,7 @@
+const CompressionPlugin = require('compression-webpack-plugin')
+
 module.exports = {
+  productionSourceMap: false,
   pages: {
     index: {
       entry: 'src/main.ts',
@@ -13,6 +16,18 @@ module.exports = {
       enableInSFC: false
     }
   },
+  configureWebpack: config => {
+    if (process.env.NODE_ENV === 'production') {
+      return {
+        plugins: [new CompressionPlugin({
+          test: /\.js$|\.html$|\.css/,
+          threshold: 4096,
+          deleteOriginalAssets: true,
+          filename: '[path][base]?gz'
+        })]
+      }
+    }
+  },
   devServer: {
     proxy: {
       '/devs': {