performance-optimization

Profile web applications to identify and resolve performance bottlenecks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Performance problems are often caused by unmeasured bottlenecks. This skill enforces profiling-first workflows, baseline measurements, and guided optimization across frontend, backend, and database layers to deliver measurable improvements.

Core Features & Use Cases

  • Profiling-first workflow: measure bottlenecks, establish baselines, and validate improvements.
  • Frontend optimization: reduce bundle size, enable lazy loading, memoization, virtualization, and efficient asset handling.
  • Backend & database patterns: tackle N+1 queries, indexing, caching, async parallelism, and optimized pagination.
  • Use cases include slow page loads, API latency, or heavy queries affecting dashboards and data-heavy routes.

Quick Start

Profile the slow page to establish a baseline, then apply the recommended frontend, backend, and database optimizations and verify the improvement.

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 resolve web application performance bottlenecks?

To resolve performance bottlenecks, profile the slow component first to establish a baseline, apply proven optimization patterns like caching or indexing, then verify the measurable improvement.

What is the best way to fix slow page loads and API latency?

Fix slow page loads and API latency by profiling frontend renders and backend queries, establishing baselines, then applying targeted patterns like lazy loading, memoization, and async parallelism.

How do I optimize heavy database queries and N+1 issues?

Optimize heavy database queries and N+1 issues by profiling the query execution, establishing a baseline, applying indexing and caching patterns, and verifying the resolved database performance.

Does this profiling-first optimization approach work for both frontend and backend layers?

Yes, profiling-first optimization works across client, server, and database layers, applying patterns like bundle size reduction and virtualization for frontend, and caching or pagination for backend.

Why should I establish a baseline before applying frontend and backend optimizations?

Establishing a baseline before applying optimizations ensures you measure the actual performance bottleneck, guiding the application of proven patterns and validating that the changes deliver measurable improvements.

What are the limitations of optimizing without measuring bottlenecks first?

Optimizing without measuring bottlenecks first leads to untargeted changes, missing the actual root cause of slow renders, API latency, or heavy queries, which prevents delivering measurable performance improvements.