performance

Identify and optimize frontend, backend, and database performance bottlenecks.

21|2|Updated Nov 5, 2023
One-click install
npx skills add https://github.com/motormetrics/motormetrics --skill performance-motormetrics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/motormetrics/motormetrics/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/motormetrics/motormetrics --skill performance-motormetrics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance bottlenecks across frontend, backend, and data layers hinder user experience and reliability; this Skill provides structured guidance to identify, measure, and remediate these issues.

Core Features & Use Cases

  • Bundle size minimization and code-splitting strategies to improve load times.
  • API and database query profiling to reduce latency and improve throughput.
  • Rendering optimizations and serverless function performance improvements for scalable apps.
  • Use Case: when a page feels slow, run profiling passes and implement targeted fixes to meet performance budgets.

Quick Start

Run a Lighthouse audit, analyze the output, and apply the recommended optimizations to your codebase.

Frequently Asked Questions about performance

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

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

To optimize performance bottlenecks, run a Lighthouse audit to analyze frontend rendering, bundle size, and API latency, then apply targeted fixes like code-splitting and caching to meet performance budgets.

What is the best way to reduce API latency and database query response times?

Reducing API latency requires database query profiling to identify slow data fetches, implementing efficient query patterns, and applying caching strategies to improve overall backend throughput.

How do I minimize bundle size and improve web vititals for slow-loading pages?

Minimizing bundle size involves applying code-splitting strategies and removing unused code, which directly improves web vitals and reduces initial load times for slow-loading web pages.

Can I run load testing and pre-deployment performance checks for data-intensive services?

Yes, you can perform load testing and pre-deployment checks for data-intensive services by profiling throughput and implementing serverless function improvements to ensure scalable app reliability.

Why does my frontend application feel slow despite optimized backend API throughput?

A slow frontend despite optimized APIs often indicates rendering bottlenecks, requiring frontend rendering optimizations and bundle-size reductions to meet performance budgets and improve load times.