performance-optimization

Name: performance-optimization
Availability: InStock
Author: coldaine

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

Ready to run

npx skills add https://github.com/Coldaine/agent-skills-vscode --skill performance-optimization-coldaine

💬 Prompt for ChatGPT / Claude Chat▼

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.