Last Updated: November 21, 2025
Focus Areas
| Focus |
|---|
Keep component trees shallow and memoize pure components
|
Split code by route and defer hydration
|
Commands & Queries
npm run build && npx next lint
Check for performance warnings
React.Profiler startProfiling()
Profile renders
useMemo(() => compute(), [deps])
Memoize expensive values
Summary
Use profiling, lazy loading, and memoization before chasing micro improvements.
💡 Pro Tip:
Measure with DevTools and log renders before optimizing.