Performance
Image optimization, lazy loading, and bundle size tips.
Updated
Image optimization, lazy loading, and bundle size tips.
Updated
getOptions()Use Next.js <Image> component with CDN URLs for automatic resizing and lazy loading.
Use Promise.all() for independent data fetches.
Use revalidate for pages that change infrequently (products, categories, blog).
Move data fetching to server components where possible. Only use client-side fetching for interactive features.
Request only the data you need. Use limit: 12 instead of limit: 100.