website-speed-audit

Audit Next.js App Router projects and apply automated performance fixes.

1|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/spuneiartur/claude-agent-specs --skill website-speed-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-speed-audit
Source: https://github.com/spuneiartur/claude-agent-specs/tree/main/next-js/skills/skills/website-speed-audit
Command: npx skills add https://github.com/spuneiartur/claude-agent-specs --skill website-speed-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js performance issues can slow user experience; this skill helps identify bottlenecks and propose automated fixes.

Core Features & Use Cases

  • Audit Next.js apps to locate render-blocking resources, large bundles, and image/video inefficiencies.
  • Automate fixes such as image optimization, lazy loading improvements, and bundle-size reductions.
  • Use case: you have a Next.js app with slow LCP; run this skill to auto-optimize images, enable preload hints, and apply dynamic imports to improve scores.

Quick Start

Run an automated audit and optimization pass on your Next.js project to surface issues and apply fixes automatically.

Frequently Asked Questions about website-speed-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve slow LCP and Core Web Vitals in my Next.js App Router project?

To improve slow LCP and Core Web Vitals, run an automated Next.js performance audit to locate render-blocking resources, large bundles, and media inefficiencies, then automatically apply image optimization, lazy loading, and dynamic imports.

What is the best way to automate image and video optimization for Next.js Core Web Vitals?

Automating image and video optimization for Core Web Vitals involves using ffmpeg-based media processing and the project's built-in Image component to apply blur-up loading, reduce bundle sizes, and automate fixes for slow loading assets.

Can I use Lighthouse to audit and fix render-blocking resources in Next.js?

Yes, you can use Lighthouse-based assessment to audit Next.js applications and identify render-blocking resources, applying automated fixes like preload hints and bundle-size reductions to optimize overall performance.

Does this approach to Next.js performance optimization work with lazy loading and dynamic imports?

Yes, this optimization approach works by applying lazy loading improvements and dynamic imports to reduce bundle sizes, directly targeting bottlenecks and improving Lighthouse assessment scores for your application.

Why does my Next.js app have slow performance despite using the built-in Image component?

Your Next.js app may have slow performance if image and video inefficiencies persist; auditing helps locate bottlenecks and applies blur-up image loading and preload hints to fully leverage the built-in Image component.