sdcorejs-review-performance-nextjs

Community

Audit Next.js performance before launch.

Authorsdcorejs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Detects Next.js landing-site performance regressions early by comparing real Lighthouse mobile metrics and bundle/cache/image/font/server signals against defined budgets.

Core Features & Use Cases

  • Lighthouse mobile performance audit: Runs mobile preset to surface numeric Critical/Important findings (Performance, LCP, CLS, TBT, TTFB) per page.
  • Bundle-size and chunk budget checks: Uses next/bundle-analyzer plus chunk scanning to flag oversized initial or lazy route payloads.
  • Image, font, and ISR/cache strategy validation: Verifies image optimization patterns, font configuration (e.g., vietnamese subsets, swap), and "use cache" + cacheLife() on page.tsx.
  • Third-party script weight review: Flags blocking/synchronous external scripts and encourages next/script strategy usage.
  • Output as actionable audit report: Produces a structured report with Critical/Important/Minor findings tied to probes and expected thresholds for faster fixes.

Quick Start

Run the performance audit on your deployed or locally started Next.js staging site for the routes /vi, /vi/san-pham, and /vi/lien-he using your existing production build.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sdcorejs-review-performance-nextjs
Download link: https://github.com/sdcorejs/sdcorejs-agent/archive/main.zip#sdcorejs-review-performance-nextjs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.