performance-optimization

Diagnose application bottlenecks with profiling and verify fixes against performance budgets.

2|Updated Feb 16, 2026
One-click install
npx skills add https://github.com/d0whc3r/statsig-browser-extension --skill performance-optimization-d0whc3r
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/d0whc3r/statsig-browser-extension/tree/main/.agents/skills/performance-optimization
Command: npx skills add https://github.com/d0whc3r/statsig-browser-extension --skill performance-optimization-d0whc3r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams improve application performance by turning vague “it feels slow” concerns into measurable, repeatable optimization work that reduces load time, improves responsiveness, and protects user experience.

Core Features & Use Cases

  • Measurement-first workflow: Establishes a baseline, pinpoints the real bottleneck, applies a targeted fix, and verifies the outcome with before/after metrics.
  • Core Web Vitals guidance: Maps LCP, INP, and CLS symptoms to likely causes and specific investigation paths.
  • Common anti-pattern fixes: Covers frequent performance failures such as N+1 queries, unbounded data fetching, blocking assets, unnecessary re-renders, oversized bundles, and missing caching.
  • Performance budgeting for regression control: Defines measurable budgets (bundle size, API p95 latency, Lighthouse score) and enforces them in CI.

Quick Start

Use the performance-optimization skill to diagnose a suspected regression by measuring LCP/INP/CLS, identifying the bottleneck from profiling evidence, applying a targeted fix, and validating improvement with new real metrics.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I fix slow API latency and identify backend bottlenecks?

Fix slow API latency by profiling the application to establish a baseline, mapping symptoms to causes like N+1 queries, and applying targeted remediation verified by before-and-after metrics.

What is the best way to improve Core Web Vitals like LCP and INP?

Improve Core Web Vitals by mapping LCP, INP, and CLS symptoms to likely causes, profiling the specific rendering or interaction bottleneck, and applying a targeted fix validated against real metrics.

How do I prevent performance regressions in CI pipelines?

Prevent performance regressions by defining measurable performance budgets for bundle size and API p95 latency, then enforcing those budgets within your continuous integration pipeline.

Why does my frontend have slow page loads and janky interactions?

Slow page loads and janky interactions often stem from common anti-patterns like oversized bundles, blocking assets, or unnecessary re-renders that require profiling to pinpoint accurately.

Does measurement-led profiling work for unbounded data fetching issues?

Measurement-led profiling works for unbounded data fetching by replacing guesswork with evidence, identifying the unbounded query as the bottleneck, and verifying the fix against baseline metrics.