performance-optimizer

Analyzes bottlenecks and generates optimization plans for software applications.

Updated Dec 12, 2025
One-click install
npx skills add https://github.com/ref-docs/sdd-stl --skill performance-optimizer-ref-docs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimizer
Source: https://github.com/ref-docs/sdd-stl/tree/main/.claude/skills/performance-optimizer
Command: npx skills add https://github.com/ref-docs/sdd-stl --skill performance-optimizer-ref-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps with performance analysis, bottleneck detection, optimization strategies, and benchmarking across frontend, backend, and infrastructure to improve user experience.

Core Features & Use Cases

  • Performance Analysis: Profiling CPU, memory, and network; assessing Core Web Vitals.
  • Frontend Optimization: Rendering improvements, code splitting, image optimization, and caching.
  • Backend Optimization: Database query improvement, caching strategies, and asynchronous processing.
  • Infrastructure Optimization: Scaling and CDN strategies; load balancing.

Quick Start

Run the Performance Optimizer on a target application to identify bottlenecks and generate an optimization plan.

Frequently Asked Questions about performance-optimizer

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

FAQPage Schema
How do I identify performance bottlenecks in my application?

Performance bottlenecks are identified through profiling, which measures CPU, memory, and network consumption across your application layers. Use profiling tools like Chrome DevTools for frontend, database query analyzers for backend, and infrastructure monitoring to pinpoint which component—rendering, API calls, or database queries—is causing slowdowns.

What's the best way to optimize frontend rendering performance?

Frontend rendering optimization combines code splitting to reduce initial load, image optimization to decrease payload size, and caching strategies to avoid redundant work. These techniques improve Core Web Vitals metrics and deliver faster perceived performance to users.

Can I optimize database query performance without redesigning my schema?

Yes. Database optimization starts with profiling slow queries to find inefficient patterns, then applying indexing strategies and query restructuring to reduce execution time. For persistent bottlenecks, caching layers and asynchronous processing can bypass repeated expensive queries.

How do I benchmark performance improvements after optimization?

Benchmarking collects baseline metrics before changes using profiling tools and Core Web Vitals measurement, then re-measures the same metrics after applying optimizations. Comparing results quantifies the performance gain and validates whether the optimization meets your target thresholds.

Does performance optimization work across frontend, backend, and infrastructure?

Yes. Performance degradation occurs at multiple layers—rendering bottlenecks on frontend, API latency and slow queries on backend, and resource constraints in infrastructure. This Skill addresses all three through profiling, targeted optimization, and scaling strategies.

What metrics should I monitor to ensure my application performs under load?

Monitor Core Web Vitals (frontend), CPU and memory usage (backend), database query response times, and network throughput. Under-load testing reveals whether your application maintains performance as traffic increases, informing scaling and infrastructure optimization decisions.