performance-optimization

Profile and optimize latency, render cost, bundles, and data access patterns.

15|5|Updated May 17, 2026
One-click install
npx skills add https://github.com/cropsgg/skills --skill performance-optimization-cropsgg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/cropsgg/skills/tree/main/skills/engineering/performance-optimization
Command: npx skills add https://github.com/cropsgg/skills --skill performance-optimization-cropsgg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Profile and optimize latency, render cost, bundles, and data access patterns with measurable baselines.

Core Features & Use Cases

  • Establish baselines for frontend and backend performance, including latency, TTFB, and bundle size.
  • Identify dominant cost buckets (render, network, data access) and prioritize fixes.
  • Validate improvements with before/after measurements and repeatable tests in CI or staging.

Quick Start

Start by running a baseline measurement pass on the critical path and report the top 3 latency sources.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I establish baselines for web app latency and bundle size?▼

To establish performance baselines, you measure critical path metrics like TTFB, p50/p95 latency, and bundle size using tools such as Lighthouse or Web Vitals before making changes.

What's the best way to profile and reduce frontend render cost?▼

Profiling frontend render cost involves measuring baselines, identifying dominant cost buckets like render or network latency, and validating improvements with before/after comparisons.

How do I identify data-access bottlenecks in my application?▼

You can identify data-access bottlenecks by profiling data pipelines and services, measuring latency across data access patterns, and prioritizing fixes for the dominant cost buckets.

How do I validate performance improvements in CI or staging?▼

Validate latency and bundle improvements by establishing baselines, applying fixes, and running repeatable before/after measurement tests in your CI or staging environment.

Can I use this to optimize both frontend Web Vitals and backend services?▼

Yes, you can optimize both frontend and backend performance by measuring metrics like Web Vitals and p50/p95 latency across web apps, services, and data pipelines.

Why do I need to measure baselines before optimizing application latency?▼

Measuring baselines is required to identify dominant cost buckets accurately and validate that latency and resource waste reductions actually improve performance over the initial state.