performance

Optimize application performance through profiling, caching, and code splitting.

Updated Feb 26, 2026
One-click install
npx skills add https://github.com/dgkngk/super-kit --skill performance-dgkngk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/dgkngk/super-kit/tree/main/skills/meta/performance
Command: npx skills add https://github.com/dgkngk/super-kit --skill performance-dgkngk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow application performance by providing strategies for profiling, optimization, and caching, leading to a better user experience and improved Core Web Vitals.

Core Features & Use Cases

  • Core Web Vitals Optimization: Techniques to improve LCP, CLS, and INP scores.
  • JavaScript Optimization: Strategies like code splitting and bundle analysis to reduce load times.
  • Caching: Implementation of HTTP, React Query/SWR, and Service Worker caching.
  • Database Optimization: SQL query tuning and indexing.
  • Use Case: Diagnose and fix a website's poor loading speed by applying code splitting and optimizing image loading.

Quick Start

Apply performance optimization techniques to improve the Largest Contentful Paint score.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I optimize Core Web Vitals to fix slow loading and high CLS scores?

Optimize Core Web Vitals by profiling application performance and applying techniques like code splitting and efficient resource loading. This directly improves Largest Contentful Paint, Cumulative Layout Shift, and Interaction to Next Paint scores.

What's the best way to reduce large JavaScript bundles and improve load times?

Reduce large JavaScript bundles using bundle analysis and code splitting strategies. These optimization techniques decrease script size and execution time, leading to faster application loading and better overall speed.

How do I implement caching to improve application speed and reduce slow response times?

Implement caching through HTTP headers, React Query or SWR, and Service Workers. These advanced caching strategies store data efficiently, significantly reducing slow response times and lowering database load.

How does database query tuning work for resolving slow application performance?

Database query tuning resolves slow application performance by optimizing SQL queries and implementing proper indexing. This ensures efficient data retrieval, reducing server response latency and improving user experience.

Can I use code splitting and image loading optimization for diagnosing poor website loading speed?

Yes, you can diagnose and fix poor website loading speed by applying code splitting and optimizing image loading. These profiling and optimization strategies address slow response times and inefficient resource loading.