performance-optimization

---
name: performance-optimization
description: Web performance optimization including bundle analysis, lazy loading, caching strategies, and Core Web Vitals
---

# Performance Optimization

## Bundle Analysis and Code Splitting

```typescript
// Dynamic import for route-level code splitting
const Dashboard = lazy(() => import("./pages/Dashboard"));
const Settings = lazy(() => import("./pages/Settings"));

function App() {
  return (
    <Suspense fallback={<PageSkeleton />}>
      <Routes>