performance-optimization

Profile applications to identify bottlenecks, then validate fixes with baseline measurements.

1|Updated Mar 17, 2026

Search Tags:#performance #frontend #optimization #backend #profiling #lighthouse #web-vitals

Ready to run

npx skills add https://github.com/cyalcala/va-freelance-hub --skill performance-optimization-cyalcala

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/cyalcala/va-freelance-hub/tree/main/.antigravity/skills_old_tainted/performance-optimization
Command: npx skills add https://github.com/cyalcala/va-freelance-hub --skill performance-optimization-cyalcala

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measure before optimizing. Performance work without measurement is guessing — and guessing leads to premature optimization that adds complexity without improving what matters. Profile first, identify the actual bottleneck, fix it, measure again. Optimize only what measurements prove matters.

Core Features & Use Cases

Measurement-first workflow: baseline, identify bottlenecks, apply targeted fixes, re-measure.
Frontend and backend optimization guidance: LCP, CLS, CPU time, and API latency considerations.
Guardrails and budgets: enforce performance budgets and monitor impact.

Quick Start

Identify a performance bottleneck, measure baseline, implement a fix, and re-measure to confirm improvement.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema

How do I identify and resolve frontend and backend performance bottlenecks?▼

Identify and resolve performance bottlenecks by measuring and profiling before optimizing. Baseline metrics with Lighthouse, pinpoint actual bottlenecks, apply targeted fixes, and re-measure to validate improvements.

What is the best way to fix slow API calls and large bundle rendering issues?▼

Fix slow API calls and rendering issues by establishing baseline measurements first. Profile to locate the exact bottleneck, implement a targeted fix, and re-measure to confirm the performance improvement.

How do I set and enforce performance budgets for web vitals like LCP and CLS?▼

Set performance budgets by establishing baseline web vitals measurements like LCP and CLS. After optimizing, enforce these budgets and monitor impact to prevent regressions in frontend performance.

Why does premature optimization add complexity without improving performance?▼

Premature optimization adds complexity because performance work without measurement is guessing. Profiling first prevents this by ensuring you optimize only what baseline metrics prove actually matters.

Do I need real-user monitoring data before starting performance optimization?▼

Real-user monitoring provides baseline measurements required before optimization. You need this data alongside Lighthouse profiling to identify actual bottlenecks and validate that applied fixes improve performance.