Can it help with slow database queries?

Yes, it includes specific guidance for composite index selection, identifying N+1 query anti-patterns, and implementing efficient eager loading strategies.

Does it support load testing tools?

The skill includes configurations and best practices for popular load testing frameworks like k6 and Artillery to help you identify system limits before deployment.

Is this skill useful for mobile performance?

Absolutely. It focuses on reducing parse costs, managing memory pressure, and optimizing network delivery, which are critical for performance on mobile devices.

How does this skill help with Core Web Vitals?

It provides actionable patterns for improving LCP, INP, and CLS, such as preloading critical assets, implementing scheduler.yield() for long tasks, and preventing layout shifts with explicit dimensions.

Performance Optimization

Name: Performance Optimization
Author: srstomp

bysrstomp

•

분석 및 모니터링

Analyzes and optimizes full-stack application performance to improve Core Web Vitals, database efficiency, and system responsiveness.

소개

The Performance Optimization skill provides a systematic framework for identifying and resolving performance bottlenecks in modern web applications. It guides Claude through a rigorous 'Measure First' workflow to establish baselines before implementing targeted fixes across the network, frontend, backend, and database layers. Whether you are aiming to improve Core Web Vitals like LCP and CLS, reduce JavaScript bundle sizes, or eliminate N+1 database queries, this skill offers specialized patterns, profiling techniques, and load testing configurations to ensure your application scales efficiently and provides a superior user experience.

주요 기능

Automated performance budget enforcement for CI/CD pipelines
Core Web Vitals optimization patterns for LCP, INP, and CLS
2 GitHub stars
Load testing configuration with tools like k6 and Artillery
Database query tuning including index selection and N+1 detection
Full-stack bottleneck identification across network, CPU, and I/O layers

사용 사례

Improving Google Search rankings by optimizing Core Web Vitals scores
Reducing frontend bundle sizes through code splitting and asset management
Refactoring slow API endpoints by implementing caching and query optimization

소개

주요 기능

Automated performance budget enforcement for CI/CD pipelines
Core Web Vitals optimization patterns for LCP, INP, and CLS
2 GitHub stars
Load testing configuration with tools like k6 and Artillery
Database query tuning including index selection and N+1 detection
Full-stack bottleneck identification across network, CPU, and I/O layers

사용 사례

Improving Google Search rankings by optimizing Core Web Vitals scores
Reducing frontend bundle sizes through code splitting and asset management
Refactoring slow API endpoints by implementing caching and query optimization