 hosseintaromi
|
a6e59b7c85
|
perf: optimize bundle size with code splitting and lazy loading
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
|
2025-07-29 09:58:41 +03:30 |