performance-profiling

Identify and optimize web performance bottlenecks using Lighthouse-based profiling.

Updated Dec 28, 2025
One-click install
npx skills add https://github.com/oalansilva/crypto --skill performance-profiling-oalansilva
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/oalansilva/crypto/tree/main/.agent/skills/performance-profiling
Command: npx skills add https://github.com/oalansilva/crypto --skill performance-profiling-oalansilva

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Performance profiling helps teams identify and fix performance bottlenecks in web and software applications, speeding up load times and improving user experience.

Core Features & Use Cases

  • Baseline measurement: establish performance metrics to compare after changes.
  • Bottleneck identification: pinpoint long tasks, heavy repaints, and slow network requests.
  • Verification and optimization: implement targeted fixes and validate improvements with repeatable tests.
  • Real-world use case: during a frontend release, run a Lighthouse-based audit to reduce LCP by 20% and improve interactivity.

Quick Start

Run a profiling session on a URL using the included Lighthouse-based script to generate a performance report.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I identify and optimize web performance bottlenecks?

To identify and optimize web performance bottlenecks, you can run a Lighthouse-based profiling session to measure baseline metrics, pinpoint long tasks and heavy repaints, apply fixes, and validate improvements.

What is the best way to establish baseline measurement for web vitals optimization?

The best way to establish baseline measurement for web vitals optimization is to run a Lighthouse-based audit on your URL, generating a performance report that captures initial metrics to compare against post-optimization results.

Does this performance profiling workflow support both frontend and backend stacks?

Yes, this performance profiling workflow supports both frontend and backend stacks, guiding you through baseline measurements, bottleneck identification, targeted fixes, and post-optimization validation across your application.

How do I validate performance improvements after fixing slow network requests?

You validate performance improvements after fixing slow network requests by running repeatable Lighthouse-based tests, comparing the new web vitals results against your initial baseline measurements to confirm the optimization.

Can I use Lighthouse to reduce LCP and improve interactivity during a release?

Yes, you can use Lighthouse to reduce LCP and improve interactivity during a frontend release by running the included runtime script to audit your URL, identify bottlenecks, and verify the targeted performance gains.

What limitations should I consider when profiling web performance with DevTools?

When profiling web performance, consider that DevTools and Lighthouse audits focus on runtime and load metrics, so you should run repeatable tests to ensure your baseline measurements and post-optimization validation accurately reflect real-world conditions.