addy-performance-optimization

Identify and fix performance bottlenecks across frontend and backend workloads.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/japurcell/skills --skill addy-performance-optimization
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: addy-performance-optimization
Source: https://github.com/japurcell/skills/tree/main/skills/addy-performance-optimization
Command: npx skills add https://github.com/japurcell/skills --skill addy-performance-optimization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Core Web Vitals or load times need improvement. Use when profiling reveals bottlenecks that need fixing.

Core Features & Use Cases

  • The workflow guides measurement, bottleneck identification, and iterative fixes across frontend and backend systems.
  • It helps teams establish performance budgets and verify improvements with real data and monitoring.
  • Use case: If a page shows slow LCP or high CLS, profile, identify root cause, implement targeted changes, and measure impact.

Quick Start

Run a targeted performance audit on your app and implement measured optimizations based on profiling results.

Frequently Asked Questions about addy-performance-optimization

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

FAQPage Schema
How do I identify and fix frontend performance bottlenecks like slow page load times?

To identify and fix frontend performance bottlenecks, profile the application to find root causes, implement targeted changes, and verify improvements using metrics like Core Web Vitals. This ensures page load optimization is validated with real data and performance budgets.

What's the best way to optimize API response times when backend performance regresses?

Optimizing API response tuning requires profiling backend workloads to identify bottlenecks, applying iterative fixes, and ensuring improvements are validated with metrics. Performance budgets and monitoring guard against future regressions.

How do I fix slow LCP or high CLS on my web application?

Fixing slow LCP or high CLS involves profiling the page to identify the root cause, implementing targeted optimizations, and measuring the impact. This workflow ensures improvements are validated with real data and monitoring.

When do I need to establish performance budgets for my application?

You need to establish performance budgets when performance requirements exist or when you suspect regressions. Budgets help verify that frontend and backend optimizations result in measured improvements guarded by continuous monitoring.

Can I use this workflow to profile both frontend and backend workloads?

Yes, the workflow guides measurement, bottleneck identification, and iterative fixes across both frontend and backend workloads. It applies to page load optimization and API response tuning, ensuring all improvements are validated with metrics.

Why should I measure Core Web Vitals instead of just applying performance optimizations?

Measuring Core Web Vitals is necessary because performance optimizations must be validated with real data. Profiling reveals bottlenecks, but metrics confirm that targeted changes actually improved load times and overall application performance.