webrenew Website Speed Optimization
Next.js website performance audit and optimization skill
Metadata
- Name: website-speed-optimization
- Version: 1.0.0
- Author: webrenew
- Tags: nextjs, performance, core-web-vitals, speed, lighthouse, optimization
When to Use
This skill should be used when:
- Auditing or improving Next.js website performance
- Diagnosing slow page loads, high LCP, poor CLS, or sluggish INP
- Reviewing bundle size, image optimization, font loading, or script loading
- Preparing a site for production launch with performance targets
- Investigating Core Web Vitals regressions
- Optimizing server response times (TTFB) and hydration performance
Summary
Provides a systematic approach to diagnosing and fixing Next.js performance issues across the full stack: server response, resource loading, rendering, hydration, and runtime interactivity. Covers Core Web Vitals (LCP, CLS, INP), bundle optimization, image/font/script strategies, caching, and monitoring.