skills.rest
pyoclaw
pyoclawCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

Identifies and fixes frontend and backend performance bottlenecks to meet metrics.

Updated Aug 23, 2026
Search Tags:#performance#frontend#optimization#backend#measurement#web#budgets
One-click install
npx skills add https://github.com/pyoclaw/agent-skills --skill performance-optimization-pyoclaw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/pyoclaw/agent-skills/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/pyoclaw/agent-skills --skill performance-optimization-pyoclaw

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues slow user experiences and waste resources; optimizing performance helps meet budgets and improve perceived speed.

Core Features & Use Cases

  • Measure before optimize: establish baselines with real user data and tooling.
  • Identify frontend and backend bottlenecks across metrics like LCP, TTFB, and API calls.
  • Apply targeted fixes, verify improvements, and establish guardrails to prevent regressions.
  • Use cases include improving Core Web Vitals, speeding API endpoints, and accelerating critical user flows.

Quick Start

Run a baseline performance audit, identify the top bottleneck, implement a focused 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
What is a measurement-first workflow for frontend performance optimization?▼

To optimize Core Web Vitals, you establish a baseline performance audit, identify the top bottleneck, implement a focused fix, and re-measure to confirm the improvement meets your performance budgets.

How do I identify and fix slow API endpoints and high-latency backend bottlenecks?▼

To identify and fix backend performance bottlenecks, you measure current API latency, pinpoint slow endpoints or large data processing issues, apply targeted fixes, and verify the improvements against your performance budgets.

What's the best way to establish performance budgets and prevent regressions?▼

The best way to establish performance budgets and prevent regressions is to define limits after confirming targeted fixes, then implement guardrails that continuously monitor metrics like LCP and TTFB to catch slowdowns.

How do I optimize Core Web Vitals for large data processing and slow user interactions?▼

To optimize Core Web Vitals when facing large data processing and slow user interactions, measure baselines, isolate frontend and backend bottlenecks, and apply targeted fixes to accelerate critical user flows.

Related Skills

Explore More Software Engineering Skills→
timurgaleevtimurgaleev
5

benchmark

Detect performance regressions by comparing page load timings and resource metrics.

Community
Advanced
Rosetears520Rosetears520
2

performance-optimization

Establish performance baselines, diagnose frontend and backend bottlenecks, and verify fixes.

Community
Intermediate
iamandrewpetersiamandrewpeters
2

wp-performance

Diagnose WordPress performance bottlenecks using WP-CLI profiling tools.

Community
Intermediate
Arcanada-oneArcanada-one
11

performance

Apply lazy loading, caching, batching, and database indexing optimizations.

Official
Basic