performance-optimization

Diagnose performance bottlenecks and verify optimizations with before/after measurements.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/Handy369/passto-pi-frame --skill performance-optimization-handy369
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/Handy369/passto-pi-frame/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/Handy369/passto-pi-frame --skill performance-optimization-handy369

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves performance uncertainty by requiring measurable evidence, precise bottleneck identification, and verification that optimizations truly improve real outcomes rather than guessing.

Core Features & Use Cases

  • Baseline first performance diagnosis: Establishes a before baseline for the relevant path so improvements are comparable.
  • Bottleneck-focused changes: Identifies where time is spent (frontend rendering/main thread or backend query/network/DB/cache/dependencies) and applies minimal, targeted fixes.
  • Before/after proof and regression guard: Produces before/after results and, when needed, adds monitoring or thresholds to prevent future regressions.
  • Build/review path adoption: Used when performance becomes a primary risk in build or review, often as a focused add-on from an implementation/progress parent skill.

Quick Start

Use the performance-optimization skill to establish a baseline, locate the bottleneck, apply the smallest targeted fix, and then provide before/after evidence for the specific slow path you are investigating.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I find and fix backend performance bottlenecks?

To resolve backend performance bottlenecks, establish a response time baseline, profile where time is spent across queries or network calls, apply a targeted minimal fix to that specific area, and verify improvements with before and after measurements.

How do I diagnose frontend performance regressions using LCP and CLS traces?

Diagnose frontend performance regressions by capturing traces and waterfalls to attribute main thread delays to specific LCP, INP, or CLS metrics, then applying minimal code changes limited to the identified rendering bottleneck for verification.

What is the best way to prove performance optimization results before and after code changes?

The best way to prove performance optimization results is to measure a baseline before applying changes, implement minimal targeted fixes, and produce a verified before and after comparison demonstrating measurable improvement on the slow path.

How do I set up a regression guard to prevent future performance slowdowns?

Set up a regression guard by defining performance thresholds during your optimization workflow, then adding monitoring to continuously track metrics against the established baseline to prevent future slowdowns on the critical path.

Can I use this approach to optimize both frontend rendering and backend database query latency?

Yes, this approach applies to both frontend rendering bottlenecks and backend latency issues, requiring baseline creation, bottleneck attribution, and minimal targeted changes limited to the specific slow area before verifying results.

When should I not apply broad refactoring during performance optimization?

You should not apply broad refactoring during performance optimization because the methodology requires minimal code changes limited strictly to the identified bottleneck area to ensure improvements are attributable and measurable.