performance-optimization

Measure, identify, and fix performance bottlenecks in frontend and backend applications.

Updated Jun 22, 2026
One-click install
npx skills add https://github.com/J03Fr0st/mithril --skill performance-optimization-j03fr0st
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/J03Fr0st/mithril/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/J03Fr0st/mithril --skill performance-optimization-j03fr0st

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps to optimize application performance across frontend, backend, queries, and databases, addressing performance regressions, Core Web Vitals, load times, N+1 query patterns, and profiling bottlenecks.

Core Features & Use Cases

  • Performance Measurement: Use synthetic and real user monitoring to establish baselines and measure improvements.
  • Bottleneck Identification: Profile and analyze frontend and backend performance to pinpoint specific issues.
  • Fixing Anti-Patterns: Address common performance issues like N+1 queries, unbounded data fetching, and unnecessary re-renders.
  • Use Case: When you need to improve the performance of a web application, this Skill can help identify slow queries, memory leaks, and optimize resource usage.

Quick Start

Run the performance-optimization skill to measure the performance of your web application and identify potential bottlenecks.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I identify performance bottlenecks in a web application?

Profile and analyze frontend and backend performance to identify bottlenecks like slow queries, memory leaks, and N+1 patterns using synthetic and real user monitoring baselines.

How can I fix N+1 query patterns and unbounded data fetching?

Fix N+1 query patterns and unbounded data fetching by profiling your application to detect the anti-patterns, then applying optimization techniques to bound data retrieval and eliminate unnecessary database calls.

What is the best way to measure Core Web Vitals and frontend load times?

Measure Core Web Vitals and frontend load times by using synthetic and real user monitoring to establish performance baselines, identify regressions, and quantify improvements in user experience.

Does this approach work for both frontend and backend performance optimization?

Yes, performance optimization applies to both frontend and backend applications, addressing frontend issues like Core Web Vitals and backend inefficiencies including slow database queries and memory leaks.

Why does my application have performance regressions after deployment?

Performance regressions often occur due to introduced anti-patterns like unnecessary re-renders, unbounded data fetching, or slow queries, which you can detect by profiling resource usage and measuring against baselines.