some mobile & bundle optimizations (#262)

vite.config.ts

@@ -1,11 +1,30 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-// import { visualizer } from 'rollup-plugin-visualizer';
+import { visualizer } from 'rollup-plugin-visualizer';
 import path from 'path';
+import UnpluginInjectPreload from 'unplugin-inject-preload/vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [react() /*, visualizer()*/],
+    plugins: [
+        react(),
+        visualizer({
+            filename: './stats/stats.html',
+            open: false,
+        }),
+        UnpluginInjectPreload({
+            files: [
+                {
+                    entryMatch: /logo-light.png$/,
+                    outputMatch: /logo-light-.*.png$/,
+                },
+                {
+                    entryMatch: /logo-dark.png$/,
+                    outputMatch: /logo-dark-.*.png$/,
+                },
+            ],
+        }),
+    ],
     resolve: {
         alias: {
             '@': path.resolve(__dirname, './src'),