performance-optimization

Measure, identify and fix bottlenecks in web apps using Core Web Vitals targets.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/cookeyholder/django-devcontainer-template --skill performance-optimization-cookeyholder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/cookeyholder/django-devcontainer-template/tree/main/.agent/skills/performance-optimization
Command: npx skills add https://github.com/cookeyholder/django-devcontainer-template --skill performance-optimization-cookeyholder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance optimization helps teams identify and fix bottlenecks that slow applications, ensuring efficient resource use and better user experiences.

Core Features & Use Cases

  • Measurement-first workflow: Establish baselines with real data before optimizing.
  • Bottleneck targeting: Identify the actual bottlenecks using profiling and tracing.
  • Anti-pattern fixes: Provide code examples and strategies to resolve common issues (N+1 queries, unnecessary re-renders, large bundles).

Quick Start

Run a profile-first workflow to measure performance, identify bottlenecks, apply fixes, and verify improvements.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I identify frontend performance bottlenecks using profiling?

Frontend performance profiling identifies bottlenecks by tracing render performance and measuring Core Web Vitals against real baseline data. This measurement-first workflow isolates unnecessary re-renders and large bundle issues before applying anti-pattern fixes.

What is the best way to fix N+1 queries and backend performance bottlenecks?

The best way to fix backend N+1 query bottlenecks is profiling high-traffic workloads to establish baseline query efficiency, then applying targeted anti-pattern fixes with before/after validation. This ensures measurable gains in application speed.

How do I optimize web app bundle size and Core Web Vitals?

To optimize web app bundle size and Core Web Vitals, establish a measurement-first baseline, profile render performance to target large bundle bottlenecks, and apply documented anti-pattern fixes. Verify improvements with before/after validation.

Does performance optimization work for high-traffic backend workloads?

Yes, performance optimization handles high-traffic backend workloads by profiling query efficiency and resolving bottlenecks like N+1 queries. It enforces a measurement-first workflow with before/after validation to ensure measurable speed improvements under heavy load.

Why should I measure baseline performance before optimizing application speed?

You must measure baseline performance before optimizing because a measurement-first workflow identifies actual bottlenecks using real profiling data. Without before/after validation, anti-pattern fixes cannot guarantee measurable gains in application speed.