performance-optimization

Analyze full-stack application bottlenecks and propose performance optimization patterns.

10|Updated Aug 26, 2025
One-click install
npx skills add https://github.com/ArieGoldkin/ai-agent-hub --skill performance-optimization-ariegoldkin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/ArieGoldkin/ai-agent-hub/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/ArieGoldkin/ai-agent-hub --skill performance-optimization-ariegoldkin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides patterns to diagnose bottlenecks, optimize code, and improve performance across backend and frontend.

Core Features & Use Cases

  • Bottleneck Diagnosis: Profiling, queries, and rendering optimizations.
  • Caching & VB: Caching strategies and content optimization.
  • Frontend & API Optimizations: Bundle analysis, lazy loading, and field selection.
  • Use Case: Improve page load times and API latency through targeted optimizations.

Quick Start

Run a profiling pass on a sample app and identify the top 3 bottlenecks.

Frequently Asked Questions about performance-optimization

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

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

Performance bottlenecks are identified through profiling, query analysis, and rendering diagnostics across your full stack. Run profiling on your application to measure latency at each layer—frontend bundle size, API response times, and database query duration—then prioritize the slowest components for optimization.

What caching strategies improve API and database performance?

Caching strategies reduce latency by storing frequently accessed data closer to the requester. Common patterns include HTTP caching headers, database query result caching, and API response caching. Layer these strategically across frontend, API, and database tiers to minimize round trips and computation.

How do I optimize Core Web Vitals and page load time?

Core Web Vitals measure user experience through Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift. Optimize by reducing bundle size through code splitting and lazy loading, minimizing render-blocking resources, and deferring non-critical JavaScript to meet performance targets.

Can I improve backend latency without changing my database schema?

Yes, backend latency improves through indexing, query optimization, pagination to reduce result sets, and field selection to limit data transfer. These approaches enhance throughput and reduce query time without requiring schema redesign.

What's the difference between frontend and backend performance optimization?

Frontend optimization reduces client-side latency through bundle analysis, code splitting, and lazy loading. Backend optimization targets server and database latency through indexing, caching, pagination, and API field selection. Both are required for measurable improvements in end-to-end performance.

How do I handle high-traffic scenarios without increasing infrastructure costs?

High-traffic performance scales efficiently through caching to reduce redundant computation, pagination to limit response payloads, and code splitting to distribute bundle load. These patterns reduce throughput demands and deployment costs while maintaining responsiveness.