Web Performance Patterns

Quick Guide: Three numbers decide whether a page is fast: LCP under 2.5s, INP under 200ms, CLS under 0.1. Bundle size is the lever that moves the first two, so budget it — around 200 KB gzipped for the main bundle — and split by route. Measure before optimising and measure again in production, because a lab score and a real user's session disagree. With the React Compiler enabled, memoisation is automatic; a hand-written useMemo needs a profile behind it.

Detailed Resources:

• examples/core.md — memoisation, virtual scrolling, debouncing
• examples/code-splitting.md — lazy routes, dynamic imports, tree shaking, budget enforcement
• examples/web-vitals.md — LCP, INP and CLS patterns, and field measurement
• examples/image-optimization.md — formats, responsive sources, lazy loading
• reference.md — threshold and budget tables, format comparison

Which path applies