skills.rest
Lauughter
LauughterCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

Measure web performance with Lighthouse and RUM to identify and fix bottlenecks.

Updated Dec 27, 2025
Search Tags:#performance#frontend#optimization#backend#bottlenecks#baseline#measurement
One-click install
npx skills add https://github.com/Lauughter/Python_training --skill performance-optimization-lauughter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/Lauughter/Python_training/tree/main/.claude/skills/performance-optimization
Command: npx skills add https://github.com/Lauughter/Python_training --skill performance-optimization-lauughter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance optimization without measurement leads to wasted effort; this skill provides a structured measurement-first approach to identify bottlenecks.

Core Features & Use Cases

  • Measure baseline using real data (Lighthouse, RUM)
  • Identify bottlenecks across frontend and backend
  • Apply targeted fixes with verification
  • Define performance budgets and CI checks

Quick Start

Run a baseline measurement, identify the bottleneck, implement a fix, and verify improvement.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I identify performance bottlenecks in my web application?▼

Performance optimization requires a baseline measurement using Lighthouse or RUM data. This measurement-first approach pinpoints exact frontend render and backend API delays to target with fixes and verify improvements.

What is the best way to fix poor Core Web Vitals and slow page loads?▼

Fix poor Core Web Vitals by measuring baseline data, prioritizing bottlenecks, and applying targeted fixes. Re-verifying improvements ensures slow page loads are resolved without regressions.

How do I prevent performance regressions after optimizing frontend render times?▼

Prevent performance regressions by defining performance budgets and establishing CI checks. Continuous monitoring of baseline measurement data catches any frontend render or backend API regressions.

Can I use this measurement-first optimization approach for both frontend and backend API performance?▼

Yes, measurement-first optimization applies to both frontend render times and backend API performance. It requires baseline data collection to target bottlenecks across the entire web application stack.

When do I need real user monitoring (RUM) for web application optimization?▼

You need RUM when establishing a baseline for performance optimization. RUM provides measurable workflow data to identify bottlenecks and verify that targeted fixes improve real page loads.

Related Skills

Explore More Software Engineering Skills→
anshul-garg27anshul-garg27

performance

Measure baselines, profile bottlenecks, and validate performance improvements.

Community
Advanced
patricio0312revpatricio0312rev
5

performance-budget-setter

Define and enforce performance budgets for bundle size, API latency, and render times.

Community
Advanced
Exia-thdExia-thd

performance-engineer

Profile web applications and generate k6/Artillery load testing scripts.

Community
Advanced
ouakarouakar

performance-engineer

Identifies bottlenecks across frontend, API, and database layers using profiling and load tests.

Community
Advanced