7c929eb4dc
- Streamlined the README.md for clarity and conciseness. - Deleted outdated documentation files related to Freebit SIM management, SIM management API data flow, and various architectural guides to reduce clutter and improve maintainability. - Updated the last modified date in the README to reflect the latest changes.
36 lines
709 B
Markdown
36 lines
709 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.
|