Bundle Size Optimization: - Add lazy loading for all page components - Implement Suspense wrapper with loading fallbacks - Configure manual chunks for vendor libraries - Separate chart library (recharts) into vendor-charts chunk Results: - Split single 950KB bundle into multiple optimized chunks - Main vendor chunks: React (162KB), Forms (65KB), Charts (402KB) - Each page loads independently with lazy loading - Improved initial load time and caching efficiency - Install terser for better minification Chunks created: - vendor-react: React dependencies - vendor-forms: Form validation libraries - vendor-query: React Query - vendor-toast: Toast notifications - vendor-charts: Chart library (lazy loaded) This resolves the bundle size warning and improves performance |
||
|---|---|---|
| .. | ||
| assets | ||
| index.html | ||