performance-optimization

Enforce a measure-identify-fix-verify workflow for frontend and backend performance.

Updated Jul 31, 2026
One-click install
npx skills add https://github.com/fsolla/teqo --skill performance-optimization-fsolla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/fsolla/teqo/tree/main/.agents/skills/performance-optimization
Command: npx skills add https://github.com/fsolla/teqo --skill performance-optimization-fsolla

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates guesswork in performance tuning by providing a structured, measurement-first framework to identify and resolve bottlenecks in frontend and backend systems.

Core Features & Use Cases

  • Measurement Framework: Standardizes the use of synthetic and RUM data to establish baselines and verify fixes.
  • Bottleneck Identification: Provides diagnostic paths for common issues like slow LCP, high INP, N+1 queries, and bundle bloat.
  • Use Case: When a dashboard page experiences slow load times, use this Skill to profile the backend database queries and frontend component re-renders to implement targeted optimizations.

Quick Start

Use the performance-optimization skill to analyze the current page load metrics and identify the primary bottleneck causing the high LCP score.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I fix a slow LCP score on my web dashboard?

To fix a slow LCP score, profile the backend database queries and frontend component re-renders to identify the primary bottleneck, then apply targeted optimizations and verify the fix against your performance budget.

What's the best way to identify and resolve N+1 database query bottlenecks?

The best way to resolve N+1 query bottlenecks is to follow a rigorous measure-identify-fix-verify workflow, using profiling data to pinpoint the slow queries and implementing evidence-based fixes to prevent regression.

How do I reduce frontend bundle bloat and enforce performance budgets?

To reduce frontend bundle bloat, measure the current bundle size, identify unnecessary modules, and apply targeted optimizations while strictly adhering to your predefined performance budgets to prevent unnecessary complexity.

Can I use synthetic and RUM data to establish baselines for Core Web Vitals improvement?

Yes, you can use synthetic and Real User Monitoring (RUM) data together to establish accurate performance baselines and verify that your Core Web Vitals improvements are effective and free of regression.

Why does web app performance optimization require an evidence-based verification workflow?

Web app performance optimization requires an evidence-based verification workflow to eliminate guesswork, prevent unnecessary complexity, and ensure that bottleneck fixes do not introduce regressions across frontend and backend stacks.

How do I lower high INP on a web page without introducing regressions?

To lower high INP without regressions, profile the page load metrics to identify the primary bottleneck, implement targeted fixes, and verify the results against established performance budgets using RUM and synthetic data.