performance-optimization

Measure, identify, fix, verify, and guard application performance bottlenecks.

Updated May 27, 2026
One-click install
npx skills add https://github.com/santanapol/agent-skills --skill performance-optimization-santanapol
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/santanapol/agent-skills/tree/main/.cursor/skills/performance-optimization
Command: npx skills add https://github.com/santanapol/agent-skills --skill performance-optimization-santanapol

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates guesswork and wasted effort from premature performance optimization by providing a structured, data-driven workflow to identify and fix actual performance bottlenecks, resolving slow app load times, user-facing lag, failing Core Web Vitals scores, and performance regressions that hurt user experience and conversion rates.

Core Features & Use Cases

  • Structured optimization workflow: Guides you through 5 core steps: measure baseline performance, identify root-cause bottlenecks, implement targeted fixes, verify improvements with before/after metrics, and add guardrails to prevent future regressions.
  • Full-stack coverage: Includes targeted guidance for frontend issues (Core Web Vitals, bundle bloat, unnecessary re-renders, unoptimized images) and backend issues (N+1 queries, missing caching, slow API responses, database inefficiencies).
  • Use case: If your task management app has an LCP of 4.2s (poor rating) and users report lag when filtering tasks, use this Skill to profile the app, discover that unoptimized hero images and N+1 user queries are the root causes, fix them, and confirm LCP drops to 2.1s to meet the "Good" threshold.

Quick Start

Use the performance-optimization skill to profile your app's current load time, identify the top bottleneck causing slow Core Web Vitals scores, and implement targeted fixes to meet your performance targets.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I fix failing Core Web Vitals scores and slow page load times?

Identify frontend performance bottlenecks by profiling app load times and analyzing metrics to isolate root causes like oversized JavaScript bundles or unnecessary re-renders, then applying targeted fixes to resolve the lag.

What is the best way to resolve high API latency and N+1 database queries?

Resolve high API latency and N+1 database queries by profiling backend performance, identifying missing caching or slow database inefficiencies, applying targeted fixes, and verifying API response time improvements.

How do I prevent performance regressions after optimizing my application?

Prevent performance regressions by enforcing performance budgets and adding guardrails such as automated monitoring tests to verify that load time optimization gains are maintained over future code updates.

Can I use a structured optimization workflow for both frontend and backend performance issues?

Yes, you can use a structured optimization workflow for full-stack scenarios, applying targeted guidance to both frontend Core Web Vitals issues and backend API latency or database inefficiencies to resolve bottlenecks.

Why should I measure a performance baseline before fixing application bottlenecks?

Measuring a performance baseline before fixing application bottlenecks eliminates guesswork and wasted effort from premature optimization by providing data to identify actual root causes and verify before and after improvements.