sfermanelli-performance

Identify and fix performance bottlenecks in code, queries, and rendering.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/sebafermanelli/sfermanelli-skills --skill sfermanelli-performance
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sfermanelli-performance
Source: https://github.com/sebafermanelli/sfermanelli-skills/tree/main/sfermanelli-performance
Command: npx skills add https://github.com/sebafermanelli/sfermanelli-skills --skill sfermanelli-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance bottlenecks across code, queries, and rendering slow down user experiences; this skill provides a disciplined approach to measuring, diagnosing, and eliminating those bottlenecks.

Core Features & Use Cases

  • Systematic performance auditing using real measurements (Web Vitals, server timing) to identify bottlenecks.
  • Optimizations across frontend and backend: parallel queries, memoization, code-splitting, caching, and efficient rendering strategies.
  • Use Case: you notice slow page loads and refactors; apply the skill to find the slow hotspot and implement a targeted fix, then verify improvements with metrics.

Quick Start

Run a baseline performance audit on the critical page or API, identify the top bottleneck, implement a targeted fix, and re-measure to confirm improvement.

Frequently Asked Questions about sfermanelli-performance

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

FAQPage Schema
How do I identify performance bottlenecks slowing down my web app?

To identify performance bottlenecks, run a baseline audit using real measurements like Web Vitals and server timing to find slow hotspots in queries and rendering. This systematic approach isolates the exact cause of laggy interactions or slow page loads.

What's the best way to fix N+1 queries and improve backend performance?

Fixing N+1 queries and backend performance involves applying targeted optimizations like parallel queries and caching strategies. Measure server timing first, implement the query reduction or caching fix, then re-measure to confirm the improvement.

How does profiling help with memoization and code-splitting for Web Vitals?

Profiling measures expensive rendering and code execution paths to guide memoization and code-splitting implementations. By capturing real metrics, you apply these Web Vitals optimizations exactly where they eliminate rendering bottlenecks.

Can I use this performance optimization approach for both frontend and backend workloads?

Yes, you can use this performance optimization approach for frontend and backend workloads across development, staging, and production. It systematically targets slow page loads, laggy interactions, and expensive queries in both environments.

When do I need to apply caching strategies and code-splitting to remove bottlenecks?

You need to apply caching strategies and code-splitting when profiling reveals expensive queries or heavy rendering payloads causing bottlenecks. Targeted optimizations like these eliminate the specific hotspots identified during your baseline performance audit.