performance

Measure real user metrics to identify performance bottlenecks across pages, APIs, and bundles.

Updated Mar 18, 2026
One-click install
npx skills add https://github.com/arvindbattula/my-agent-config --skill performance-arvindbattula
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/arvindbattula/my-agent-config/tree/main/skills/performance
Command: npx skills add https://github.com/arvindbattula/my-agent-config --skill performance-arvindbattula

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams reduce slow page loads and sluggish interactions by adopting a measurement-first optimization workflow.

Core Features & Use Cases

  • Measure before change to establish baselines for web performance metrics.
  • Identify bottlenecks in frontend (LCP, CLS, INP) and backend (latency, N+1 queries) using real data.
  • Apply targeted fixes (code-splitting, caching, efficient APIs) and verify improvements with repeatable tests.
  • Guardrails to prevent regressions with monitoring and budget checks.

Quick Start

Run a profiling pass on the target page to collect baseline metrics and begin the first measured optimization.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I fix frontend performance bottlenecks using Core Web Vitals?

Identify frontend performance bottlenecks by measuring Core Web Vitals like LCP, CLS, and INP to establish baselines. Use profiling data to apply targeted fixes such as code-splitting, then verify improvements through repeatable tests.

What is the best way to measure backend API latency and find N+1 queries?

The best way to measure backend API latency and find N+1 queries is profiling real user data to establish baselines. Analyze the data to pinpoint slow interactions, apply efficient API fixes, and verify through repeatable tests.

How do I establish a performance baseline before optimizing web applications?

Establish a performance baseline by running a profiling pass on your target page or API to collect real user metrics. This measured data identifies current bottlenecks and guides subsequent targeted optimization improvements.

Can I apply code-splitting and caching to speed up sluggish page loads?

Yes, you can apply code-splitting and caching to speed up page loads. After profiling to establish baselines, apply these targeted fixes to resolve identified bottlenecks and verify the improvements using repeatable tests.

Does this measurement-first optimization workflow work for both staging and production environments?

Yes, this measurement-first optimization workflow works for both staging and production environments. It measures real user metrics across pages, APIs, and bundles to identify bottlenecks and guide targeted improvements.

How do I prevent web performance regressions after applying fixes?

Prevent web performance regressions by implementing guardrails with monitoring and performance budget checks. After applying targeted fixes, verify improvements through repeatable tests to ensure metrics remain within established baselines.