Optimization

Priority: P1 (HIGH)

Core optimization primitives provided by Next.js. Monitor First, Optimize Later.

Monitoring (Core Web Vitals)

• LCP (Largest Contentful Paint): Target < 2.5s.
• CLS (Cumulative Layout Shift): Target < 0.1.
• INP (Interaction to Next Paint): Target < 200ms.
• Tools: Chrome DevTools "Performance" tab, next/speed-insights, React Profiler.

Images

Always use next/image to prevent CLS and enable automatic optimization:

See implementation examples