optimizing-performance

Profile and optimize frontend, backend, and database performance against Web Vitals and API latency targets.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Elric412/Leica-cam --skill optimizing-performance-elric412
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimizing-performance
Source: https://github.com/Elric412/Leica-cam/tree/main/.agents/skills/optimizing-performance
Command: npx skills add https://github.com/Elric412/Leica-cam --skill optimizing-performance-elric412

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps measure, diagnose, and reduce application slowness across frontend, backend, and database layers, converting vague performance issues into measurable, repeatable improvements.

Core Features & Use Cases

  • Baseline measurement & profiling: capture reproducible baselines and collect profiler outputs for CPU, memory, I/O, and web metrics.
  • Bottleneck identification: classify hotspots and map symptoms to tools and traces for targeted remediation.
  • Targeted optimizations: frontend improvements (bundle splitting, rendering memoization, image optimization), backend changes (query tuning, multi-layer caching, async job queues), and algorithmic complexity reductions.
  • Validation & targets: define measurable goals (Web Vitals, P50/P95 API latency, error-rate), re-run profiling, and document regression checks.
  • Use Cases: speed up a React web app's LCP, reduce P95 latency for an API service, or eliminate N+1 query patterns in a data-driven endpoint.

Quick Start

Profile the application to capture a baseline, identify the top bottleneck, and apply the recommended targeted optimization from the checklist.

Frequently Asked Questions about optimizing-performance

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

FAQPage Schema
How do I diagnose what is causing slow API latency in my web application?

Diagnose slow API latency by capturing a baseline profiling output, then classifying bottlenecks into CPU, memory, I/O, or database hotspots to map symptoms to targeted remediation.

What is the best way to fix N+1 query patterns in a data-driven endpoint?

The best way to fix N+1 query patterns is through database query tuning, applying multi-layer caching, and reducing algorithmic complexity to optimize data-driven endpoints.

How do I reduce frontend bundle size and improve React rendering performance?

Reduce frontend bundle size and improve rendering by applying bundle splitting, rendering memoization, and image optimization, then validate improvements against Web Vitals targets.

Can I use this approach to profile both frontend and backend layers in production?

Yes, you can profile both frontend and backend layers in production and development scenarios to capture reproducible baselines and collect profiler outputs for web and server applications.

How do I validate application performance optimizations and prevent regressions?

Validate application performance optimizations by defining measurable goals like Web Vitals and P50/P95 API latency, re-running profiling, and documenting regression checks.