optimize-nextjs-vitals

Improves Next.js App Router performance end to end by measuring Core Web Vitals, moving data work into server components, tightening image and font delivery, designing tagged caches with on-demand invalidation, streaming slow sections, trimming client JavaScript, and tuning route handler responses. Use when Lighthouse or field data shows poor LCP, INP or CLS, when pages fetch data inside client effects, when caching or revalidation needs a design, or when first-load script size must come down. Not for plain React or Vite apps, Pages Router work, hosting and CDN configuration, or SEO metadata audits.

Version

v1.0.0

Size

17 KB

Updated

2026-10-06

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.