Performance
14 pages in this section.
1
Preventing Unnecessary Re-renders
2re-rendersperformancereact-devtoolsprofiler
useMemo, useCallback & React.memo
3useMemouseCallbackmemomemoization
React Compiler (React Forget)
4react-compilerreact-forgetautomatic-memoizationbabel-plugin
React DevTools Profiler
5profilingreact-devtoolsflame-chartperformance
Detecting & Fixing Memory Leaks
6memory-leaksuseEffectcleanupabort-controller
Bundle Size Optimization
7bundle-sizecode-splittingdynamic-importstree-shaking
Server Component Performance
8server-componentsrscclient-boundarybundle-size
Suspense & Streaming Performance
9suspensestreamingssrloading
Image & Font Performance
10next-imagenext-fontlcpcls
Core Web Vitals Optimization
11core-web-vitalslcpinpcls
State Management Performance
12zustandselectorscontextuseReducer
Data Fetching Performance
13data-fetchingparallelwaterfallcaching
Next.js Caching Deep Dive
14nextjscachingrequest-memoizationdata-cache
Performance Audit Checklist
checklistauditlighthouse-cibundle-budgets