36 lines
713 B
Markdown
36 lines
713 B
Markdown
# 📊 Bundle Analysis
|
|
|
|
Simple bundle size analysis for the customer portal.
|
|
|
|
## 🎯 Quick Commands
|
|
|
|
```bash
|
|
# Analyze frontend bundle
|
|
pnpm analyze
|
|
|
|
# Run bundle analysis script
|
|
pnpm bundle-analyze
|
|
```
|
|
|
|
## 📈 What to Look For
|
|
|
|
- **First Load JS**: < 250KB (good)
|
|
- **Total Bundle**: < 1MB (good)
|
|
- **Large Dependencies**: Consider alternatives
|
|
|
|
## 🔧 Simple Optimizations
|
|
|
|
1. **Dynamic Imports**: Use `lazy()` for heavy components
|
|
2. **Image Optimization**: Use Next.js `Image` component
|
|
3. **Tree Shaking**: Import only what you need
|
|
|
|
```typescript
|
|
// Good: Specific imports
|
|
import { debounce } from 'lodash-es';
|
|
|
|
// Bad: Full library import
|
|
import * as _ from 'lodash';
|
|
```
|
|
|
|
That's it! Keep it simple.
|