# Website Speed Optimization

> Find and fix website performance problems in Next.js apps. Use this skill for Core Web Vitals, bundle size, images, fonts, scripts, caching, server response time, hydration, and runtime performance.

- Skill: `webrenew/website-speed-optimization` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add webrenew/website-speed-optimization`
- Raw SKILL.md: https://api.skillmd.com/api/skills/webrenew/website-speed-optimization/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: webrenew (https://skillmd.com/u/webrenew)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/webrenew/website-speed-optimization

---


# 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.