performance-optimization

Diagnose and fix frontend and backend performance bottlenecks.

Updated Jul 2, 2026
One-click install
npx skills add https://github.com/tgmarinho/agent-super-powers-matt-pocock-skills-comparasions --skill performance-optimization-tgmarinho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/tgmarinho/agent-super-powers-matt-pocock-skills-comparasions/tree/main/upstream-snapshots/agent-skills/skills/performance-optimization
Command: npx skills add https://github.com/tgmarinho/agent-super-powers-matt-pocock-skills-comparasions --skill performance-optimization-tgmarinho

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lighthouse, web-vitals, performance-now, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists developers in optimizing application performance, identifying bottlenecks, and improving user experience by providing structured workflows and tools for performance measurement and improvement.

Core Features & Use Cases

  • Performance Measurement: Offers methods for measuring and analyzing performance, including synthetic and real-user monitoring.
  • Bottleneck Identification: Identifies common bottlenecks in both frontend and backend development.
  • Optimization Strategies: Provides strategies for addressing bottlenecks, such as caching, pagination, and avoiding common anti-patterns.
  • Use Case: Ideal for developers working on high-traffic applications, aiming to improve Core Web Vitals scores, or experiencing slow response times.

Quick Start

Run the performance-optimization skill with the 'measure' command to get started with performance analysis.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I identify frontend and backend performance bottlenecks in my application?

To identify performance bottlenecks, use synthetic and real-user monitoring methods to measure application response times and resource loading. This diagnostic analysis highlights specific frontend and backend data handling issues affecting user experience.

What is the best way to measure and improve Core Web Vitals scores?

Measuring and improving Core Web Vitals requires evidence-based optimization using performance profiling tools. You analyze real-user monitoring data to pinpoint loading and response time issues, then apply strategies like caching and pagination to fix them.

How do I start profiling application performance for slow response times?

Start profiling application performance by running a measurement command to analyze synthetic and real-user monitoring data. This initial performance analysis identifies common resource loading and data handling bottlenecks causing slow response times.

Does Lighthouse work well for diagnosing high-traffic application performance issues?

Lighthouse works for diagnosing high-traffic application performance issues by providing synthetic monitoring metrics. It helps identify frontend bottlenecks and measures Core Web Vitals to guide optimization strategies like caching and pagination.

Can I use web-vitals to fix common resource loading anti-patterns?

You can use web-vitals to measure real-user monitoring data and identify resource loading anti-patterns. Once bottlenecks are found, you apply optimization best practices like caching and pagination to improve response times.