diff --git a/package.json b/package.json
index 322fc49c..e0ede2e7 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
     "typescript": "~4.6.3",
     "unplugin-icons": "^0.14.1",
     "vite": "^2.9.5",
+    "vite-compression-plugin": "^0.0.3",
     "vitest": "^0.9.4",
     "vue-tsc": "^0.31.4"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3d93c8c0..3d5a1deb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -31,6 +31,7 @@ specifiers:
   typescript: ~4.6.3
   unplugin-icons: ^0.14.1
   vite: ^2.9.5
+  vite-compression-plugin: ^0.0.3
   vitest: ^0.9.4
   vue: ^3.2.33
   vue-router: ^4.0.14
@@ -71,6 +72,7 @@ devDependencies:
   typescript: 4.6.3
   unplugin-icons: 0.14.1_vite@2.9.5
   vite: 2.9.5_sass@1.50.1
+  vite-compression-plugin: 0.0.3
   vitest: 0.9.4_2f3c27121f62934692d33844851ba7e1
   vue-tsc: 0.31.4_typescript@4.6.3
 
@@ -4707,6 +4709,14 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
+  /vite-compression-plugin/0.0.3:
+    resolution: {integrity: sha512-Y4KuMiARtLLkhQCOO2O46fGV4a6Hvull62o7yXo7NBPDukEiTgXouUeDdLoq0qHojCxgWYIT3gccDwV9lMKykw==}
+    dependencies:
+      chalk: 4.1.2
+      fast-glob: 3.2.11
+      fs-extra: 10.0.1
+    dev: true
+
   /vite-node/0.7.6_sass@1.50.1:
     resolution: {integrity: sha512-WeBR3JOHX3MD4SzJDwIjrJHd+lpaPHpcQf1sbDDgm7k98JqdTGiz9X+C/17EwHUwCd1lgPf5Nu4L3asIGPuXYw==}
     engines: {node: '>=14.14.0'}
diff --git a/vite.config.ts b/vite.config.ts
index 8932dd69..5f0b39b9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,10 +4,11 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 import icons from "unplugin-icons/vite";
+import Compression from "vite-compression-plugin";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx(), icons()],
+  plugins: [vue(), vueJsx(), icons(), Compression()],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),