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.