performance-optimization

Profile web applications to identify and fix performance bottlenecks.

Updated May 26, 2026
One-click install
npx skills add https://github.com/koolerkx/vibe-react-2d-map-editor-yaml --skill performance-optimization-koolerkx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/koolerkx/vibe-react-2d-map-editor-yaml/tree/main/.claude/skills/performance-optimization
Command: npx skills add https://github.com/koolerkx/vibe-react-2d-map-editor-yaml --skill performance-optimization-koolerkx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measure-driven performance optimization to reduce load times and improve interactivity by identifying bottlenecks and applying targeted fixes.

Core Features & Use Cases

  • Performance profiling and baseline measurements for frontend and backend systems.
  • Bottleneck identification with actionable optimization guidance.
  • Verification workflows to confirm measurable improvements before deployment.

Quick Start

Run a profiling session on your app, locate the top bottlenecks, implement targeted fixes, and re-measure to confirm gains.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I identify and fix web performance bottlenecks in my application?

Identify performance bottlenecks by running a profiling session to establish baseline measurements, locate top issues like large bundles or slow API responses, and apply targeted fixes to improve load times and interactivity.

What is a measurement-first performance optimization workflow?

A measurement-first performance optimization workflow enforces combining baseline profiling, applying targeted fixes, and re-measuring to verify measurable improvements in Core Web Vitals before deploying your application.

How do I improve Core Web Vitals and reduce layout shifts in web apps?

Improve Core Web Vitals and reduce layout shifts by profiling your web app to detect heavy JavaScript tasks and rendering issues, then applying targeted optimizations and verifying the measurable gains before deployment.

Can I use this performance profiling workflow for both frontend and backend workloads?

Yes, you can use this performance profiling workflow for both frontend and backend workloads to identify slow API responses and heavy client-side tasks, ensuring measurable improvements across your entire stack.

What's the best way to optimize large JavaScript bundles before deployment?

The best way to optimize large JavaScript bundles is to profile your application to locate the heavy tasks, implement targeted optimizations, and re-measure to confirm measurable performance improvements before deployment.

Why should I measure performance before and after applying optimizations?

You should measure performance before and after applying optimizations to establish a baseline, accurately identify bottlenecks, and verify that your targeted fixes produce measurable improvements in load times and interactivity.