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.