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.