skills.rest
Coldaine
ColdaineCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

Identify and fix performance bottlenecks in web applications using Lighthouse and Web Vitals.

Updated Aug 23, 2026
Search Tags:#performance#frontend#optimization#backend#profiling#lighthouse#web-vitals
One-click install
npx skills add https://github.com/Coldaine/agent-skills-vscode --skill performance-optimization-coldaine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/Coldaine/agent-skills-vscode/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/Coldaine/agent-skills-vscode --skill performance-optimization-coldaine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measure before optimizing. Performance work without measurement is guessing — and guessing leads to premature optimization that adds complexity without improving what matters. Profile first, identify the actual bottleneck, fix it, measure again. Optimize only what measurements prove matters.

Core Features & Use Cases

  • Baseline measurement and data-driven optimization to avoid guesswork.
  • Frontend and backend bottleneck targeting with actionable guardrails.
  • Continuous improvement through re-measurement and feedback loops.

Quick Start

Run a baseline performance audit on the current build, identify the top bottlenecks, apply the recommended fixes, and re-measure to confirm 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 and fix web performance bottlenecks without guessing?▼

To identify performance bottlenecks without guessing, run a baseline measurement using profiling tools to find actual issues, apply targeted fixes like code-splitting or caching, and re-measure to confirm the improvement.

What is the best way to improve Core Web Vitals for high-traffic web apps?▼

The best way to improve Core Web Vitals is to establish a baseline audit, pinpoint frontend and backend bottlenecks impacting load times, apply best-practice patterns, and continuously re-measure to ensure responsiveness gains.

How do I profile CPU and memory usage to optimize large datasets in modern web apps?▼

Profile CPU and memory usage by running measurement tools to establish a data-driven baseline, identify the specific bottlenecks processing large datasets, apply targeted optimizations, and re-measure to validate the results.

When should I apply code-splitting and caching to improve app load times?▼

Apply code-splitting and caching after measurement tools and profiling prove these specific bottlenecks are impacting load times, ensuring optimizations add no unnecessary complexity without measurable performance gains.

Does this approach to frontend optimization work for backend performance issues?▼

Yes, this approach works for backend performance issues by applying the same data-driven methodology: measure the current baseline, target the actual bottleneck with best-practice patterns, and re-measure to confirm responsiveness improvements.

Related Skills

Explore More Software Engineering Skills→
SergeiGolosSergeiGolos
1

performance-profiling

Audit web performance with Lighthouse and analyze bundle sizes.

Community
Intermediate
OpenLaborOpenLabor
4

Performance Audit

Audit application performance to identify bottlenecks and improve responsiveness.

Official
Intermediate
namninhndnamninhnd

performance-profiling

Analyze web performance with Lighthouse audits and optimization scripts.

Community
Intermediate
MinhDuyDEVMinhDuyDEV

performance-optimization

Identify performance bottlenecks and apply targeted optimization strategies.

Community
Advanced