performance

Analyze measured baselines to identify and verify frontend and backend bottlenecks.

Updated Dec 11, 2024
One-click install
npx skills add https://github.com/huaxel/dotfiles --skill performance-huaxel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/huaxel/dotfiles/tree/main/skills/performance
Command: npx skills add https://github.com/huaxel/dotfiles --skill performance-huaxel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Optimize application performance when the user explicitly mentions slowness, load time, profiling, latency, memory, throughput, or a measured bottleneck.

Core Features & Use Cases

  • Performance measurement: establish baselines using real data (Lighthouse, web-vitals) and identify bottlenecks across frontend and backend.
  • Bottleneck identification: pinpoint slow API calls, large bundles, heavy tasks, or memory growth with actionable insights.
  • Verification and guardrails: validate improvements with repeated measurements and add monitoring to prevent regressions.

Quick Start

Run a baseline performance measurement and select the bottleneck to optimize first.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I identify performance bottlenecks causing high latency in my application?

To identify performance bottlenecks causing high latency, you must first establish measurable baselines using real data from tools like Lighthouse or web-vitals. This structured bottleneck analysis pinpoints slow API calls, large bundles, and heavy tasks across frontend and backend systems.

What is the best way to measure and optimize slow page loads?

The best way to measure and optimize slow page loads is by capturing evidence-based performance baselines with web-vitals. This approach targets frontend bottlenecks, validates improvements through repeated measurements, and adds monitoring guardrails to prevent future regressions.

How do I fix memory growth and throughput bottlenecks in production?

Fixing memory growth and throughput bottlenecks in production requires measurable baselines and structured bottleneck analysis. By applying evidence-based optimization strategies, you can pinpoint heavy tasks, verify improvements with repeated measurements, and establish guardrails.

Can I use this approach to optimize both frontend and backend performance?

Yes, you can optimize both frontend and backend performance using this approach. It provides evidence-based optimization strategies for slow page loads, high latency endpoints, memory growth, and throughput bottlenecks by requiring measurable baselines and repeatable verification.

Why do I need measurable baselines before optimizing application performance?

Measurable baselines are required before optimizing application performance because they provide the real data needed to identify bottlenecks accurately. Establishing these baselines using tools like Lighthouse ensures your optimization strategies are evidence-based and verifiable.

What's the best way to prevent performance regressions after optimization?

The best way to prevent performance regressions is to validate improvements with repeated measurements and add monitoring guardrails. This ensures that optimizations for slow page loads, high latency, or memory growth remain effective and reliable over time.