skills.rest
elsolal
elsolalCOMMUNITY
Explore all skills by this author →
GitHub

performance-auditor

Audit web app performance and generate prioritized optimization reports.

1|Updated Jan 20, 2026
Search Tags:#optimization#lighthouse#web-performance#bundle-analysis#core-web-vitals#performance-audit
One-click install
npx skills add https://github.com/elsolal/Skillz-Claude --skill performance-auditor-elsolal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-auditor
Source: https://github.com/elsolal/Skillz-Claude/tree/main/.claude/skills/performance-auditor
Command: npx skills add https://github.com/elsolal/Skillz-Claude --skill performance-auditor-elsolal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill audits code and application performance, identifying bottlenecks and providing actionable optimizations to improve user experience and release readiness.

Core Features & Use Cases

  • Lighthouse & CWV Analysis: Evaluate Core Web Vitals, Lighthouse results, and overall performance budgets.
  • Bundle & Build Insight: Analyze JavaScript bundles, asset sizes, and optimize delivery.
  • Use Case: Before a release, run this Skill to surface the top performance regressions and recommended fixes, then implement changes.

Quick Start

Run the performance-auditor on a project URL or local build path to generate a prioritized performance report.

Frequently Asked Questions about performance-auditor

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

FAQPage Schema
How do I audit Core Web Vitals and identify performance bottlenecks in my web application?▼

To audit Core Web Vitals and identify performance bottlenecks, you evaluate Lighthouse results and analyze JavaScript bundles. This process measures your web application performance metrics and generates prioritized recommendations with actionable optimization steps.

What is the best way to analyze JavaScript bundle sizes before a release?▼

Analyzing JavaScript bundle sizes before a release involves inspecting asset delivery and build outputs to surface performance regressions. This bundle analysis provides concrete optimizations to improve user experience and ensure release readiness.

Does this performance audit approach work with Next.js and server-rendered apps?▼

Yes, this performance audit approach works with frontend SPAs and server-rendered apps like Next.js, React, Vue, and Nuxt. It evaluates overall performance budgets and identifies bottlenecks applicable to these specific frameworks during pre-release checks.

How do I get prioritized performance recommendations with actionable steps?▼

You get prioritized performance recommendations by running an audit on a project URL or local build path. The audit evaluates Core Web Vitals and bundle analysis data, then outputs a prioritized report detailing the top regressions and recommended fixes.

When should I run a web performance audit on my codebase?▼

You should run a web performance audit during pre-release checks or post-implementation reviews. Running the audit at these stages surfaces top performance regressions early, allowing you to implement necessary changes and verify optimizations before deployment.

Related Skills

Explore More Software Engineering Skills→
djnsty23djnsty23
2

perf

Identify Core Web Vitals, bundle size, and Lighthouse performance bottlenecks.

Community
Intermediate
JochenYangJochenYang
21

performance-optimizer

Identify performance bottlenecks and optimize application speed across backend, database, and frontend workflows.

Community
Intermediate
takayatomosetakayatomose

frontend

Enforce frontend architecture and design system standards across Next.js, React, Vue, and Astro projects.

Community
Advanced
jangtrinhjangtrinh

web-perf

Analyze web performance gaps and optimize Core Web Vitals with Lighthouse.

Community
Intermediate