skills.rest
GoBeromsu
GoBeromsuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

performance-optimization

Profile frontend and backend web apps to identify performance bottlenecks.

2|Updated Mar 6, 2026
Search Tags:#performance#frontend#optimization#backend#profiling#lighthouse#core-web-vitals
One-click install
npx skills add https://github.com/GoBeromsu/obsidian-workspace --skill performance-optimization-goberomsu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/GoBeromsu/obsidian-workspace/tree/main/.claude/skills/performance-optimization
Command: npx skills add https://github.com/GoBeromsu/obsidian-workspace --skill performance-optimization-goberomsu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measure first, optimize second. Performance work without measurement is guessing — and guessing leads to premature optimization that adds complexity without delivering real improvements. Profile first, identify the actual bottleneck, fix it, measure again.

Core Features & Use Cases

  • Measurement-driven profiling for frontend and backend to locate bottlenecks
  • Structured optimization workflow: measure → identify → fix → verify → guard
  • Dashboards and budgets to enforce performance targets (Core Web Vitals, TTI/TTFB, bundle size)

Quick Start

Start by profiling your app to establish a baseline before making targeted optimizations.

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 bottlenecks causing slow app loads?▼

Performance optimization starts with measurement-driven profiling to locate frontend and backend bottlenecks across real-user workloads, ensuring you fix actual issues rather than guessing at premature optimizations.

What is the best way to improve Core Web Vitals and reduce high latency?▼

Improving Core Web Vitals and reducing high latency requires a structured workflow: measure baselines, identify bottlenecks, implement fixes, verify improvements, and enforce targets using dashboards and performance budgets.

How do I set up performance budgets and CI checks for web applications?▼

Performance budgets and CI checks are set up by establishing baselines for metrics like Core Web Vitals, TTI, TTFB, and bundle size, then enforcing those targets through dashboards to guard against regressions.

Does this performance optimization workflow apply to both frontend and backend web apps?▼

Yes, this performance optimization workflow applies to both frontend and backend web apps, targeting applications facing slow loads, high latency, or poor Core Web Vitals across real-user workloads.

Why should I measure application performance before making optimizations?▼

You must measure application performance before optimizing because doing so without measurement is guessing, leading to premature optimization that adds complexity without delivering real improvements.

Related Skills

Explore More Software Engineering Skills→
sgcarstrendssgcarstrends
21

performance-opt

Identify and fix web performance bottlenecks across Next.js and React stacks.

Official
Advanced
resultakakresultakak

performance-budget

Enforce performance budgets across CI gates and PR checks.

Community
Advanced
fableindigo-giffableindigo-gif

performance-analysis

Detects bottlenecks in Claude Flow swarms and generates optimization recommendations.

Community
Advanced
nimadorostkarnimadorostkar
25

web-performance

Analyze Core Web Vitals and resource delivery to optimize page load performance.

Community
Advanced