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

Ready to run

npx skills add https://github.com/GoBeromsu/obsidian-workspace --skill performance-optimization-goberomsu

💬 Prompt for ChatGPT / Claude Chat▼

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.