frontend 속도 개선

frontend/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig, createLogger } from 'vite';
 import react from '@vitejs/plugin-react';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 // WebSocket proxy 재연결/종료 시 발생하는 ECONNRESET·EPIPE 는 정상 TCP 이벤트이므로 로그 억제
 const SUPPRESS = ['ECONNRESET', 'EPIPE', 'ws proxy socket error'];
@@ -12,7 +13,10 @@ logger.error = (msg, opts) => {
 
 export default defineConfig({
   customLogger: logger,
-  plugins: [react()],
+  plugins: [
+    react(),
+    visualizer({ filename: 'dist/stats.html', open: false, gzipSize: true, brotliSize: true }),
+  ],
   resolve: {
     dedupe: ['lightweight-charts'],
   },
@@ -27,6 +31,13 @@ export default defineConfig({
           if (id.includes('node_modules/@xyflow')) return 'vendor-flow';
           if (id.includes('node_modules/@stomp') || id.includes('node_modules/sockjs-client')) return 'vendor-stomp';
           if (id.includes('node_modules/@tanstack/react-virtual')) return 'vendor-virtual';
+          // 차트 워크스페이스 전용 청크 — lazy import로 분리된 코드
+          if (
+            id.includes('/chart/ChartWorkspaceRoot') ||
+            id.includes('/chart/useChartWorkspace') ||
+            id.includes('/chart/ChartWorkspaceView') ||
+            id.includes('/utils/ChartManager')
+          ) return 'chart-workspace';
         },
       },
     },