skills.rest
daniel-heydari-dev
daniel-heydari-devCOMMUNITY
Explore all skills by this author →
GitHub

Performance

Optimize web application performance through measurement, bundle reduction, and caching.

Updated Feb 11, 2026
Search Tags:#performance#caching#database#react#web vitals#optimization#bundle size
One-click install
npx skills add https://github.com/daniel-heydari-dev/personal-ai-skills --skill performance-daniel-heydari-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Performance
Source: https://github.com/daniel-heydari-dev/personal-ai-skills/tree/main/templates/claude/.claude/skills/performance
Command: npx skills add https://github.com/daniel-heydari-dev/personal-ai-skills --skill performance-daniel-heydari-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of building applications that are slow, consume excessive resources, or provide a poor user experience due to performance bottlenecks.

Core Features & Use Cases

  • Performance Measurement: Guides on how to accurately measure application performance using profiling tools.
  • Bundle Size Optimization: Provides rules and examples for reducing the size of JavaScript bundles.
  • React Performance Tuning: Offers best practices for optimizing React component rendering and data fetching.
  • Caching Strategies: Details on implementing effective caching mechanisms for data and assets.
  • Database Optimization: Guidelines for improving database query performance.

Quick Start

Use the performance skill to identify and fix common performance bottlenecks in your web application.

Frequently Asked Questions about Performance

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

FAQPage Schema
How do I optimize React component rendering and reduce unnecessary re-renders?▼

To optimize React performance, you should apply best practices for component rendering and data fetching, such as implementing effective caching mechanisms and profiling tools to identify bottlenecks. This ensures efficient rendering and improved application speed.

What's the best way to reduce JavaScript bundle size for web applications?▼

Reducing JavaScript bundle size involves applying specific optimization rules and code examples to split bundles and eliminate excess code. This directly improves web vitals, speeding up application load times and enhancing overall user experience.

How does caching improve database interaction performance?▼

Caching improves database performance by storing frequently accessed data and assets, which reduces the need for repeated database queries. Implementing effective caching strategies minimizes data fetching overhead and accelerates application responsiveness.

How do I measure web application performance using profiling tools?▼

You can measure web application performance by utilizing profiling tools to accurately track rendering times and identify bottlenecks. This process provides comprehensive guidelines to pinpoint slow database interactions and inefficient component rendering.

Do I need to understand web development principles to improve application web vitals?▼

Yes, improving application web vitals requires an understanding of web development principles and common performance tools. This knowledge is necessary to accurately measure performance, reduce bundle sizes, and implement effective caching strategies.

Related Skills

Explore More Software Engineering Skills→
xenitV1xenitV1
132

performance-profiling

Automate Lighthouse-based performance profiling to identify web application bottlenecks.

Community
Advanced
JordiNodeJSJordiNodeJS

performance-optimization

Optimize Next.js 16 performance by targeting Core Web Vitals and caching.

Community
Advanced
vudovnvudovn
8.1k

react-best-practices

Diagnose React and Next.js performance bottlenecks and propose optimizations.

Community
Advanced
IndustrialIndustrial

application-performance-performance-optimization

Profile and optimize backend, frontend, and database performance with load testing.

Community
Advanced