performance-profiling

Profile frontend web performance with Lighthouse and bundle analyzers.

Updated Jan 27, 2026

Search Tags:#performance #frontend #optimization #profiling #lighthouse #devtools #web-performance

Ready to run

npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill performance-profiling-brunosantanadeveloper

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit/tree/main/skills/performance-profiling
Command: npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill performance-profiling-brunosantanadeveloper

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lighthouse, and includes scripts (resource) components.

What problem does it solve?

Profile and optimize frontend web performance by identifying bottlenecks and quantifying improvements.

Core Features & Use Cases

Structured profiling workflow to locate and fix performance bottlenecks across development, CI, and production.
Tooling coverage including Lighthouse audits, bundle analysis, and DevTools profiling for performance, memory, and network.
Real-world use case: reduce LCP, INP, and CLS while improving overall responsiveness.

Quick Start

Run a Lighthouse audit on a URL to establish a baseline, identify bottlenecks, implement fixes, and validate improvements with real-user metrics.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema

How do I profile and optimize frontend web performance bottlenecks?▼

To profile and optimize frontend web performance, you run Lighthouse audits to establish a baseline, identify bottlenecks using DevTools profiling, implement fixes, and validate improvements with real-user metrics.

What is the best way to reduce LCP, INP, and CLS metrics during development?▼

The best way to reduce LCP, INP, and CLS metrics is to apply a structured profiling workflow across development and production environments, using bundle analyzers and DevTools to locate and fix web performance bottlenecks.

Can I use Lighthouse to quantify web performance improvements in CI/CD?▼

Yes, you can use Lighthouse in CI/CD pipelines to establish a performance baseline, identify bottlenecks, and quantify improvements by comparing audit scores before and after implementing fixes.

How do I identify JavaScript bundle size and memory usage issues?▼

You identify JavaScript bundle size and memory usage issues by using bundle analyzers and DevTools profiling to inspect network requests, memory allocation, and script execution within your web application.

Does this profiling workflow apply to production environments or only local development?▼

This profiling workflow applies to development, CI/CD, and production environments, allowing you to measure and optimize web performance metrics continuously across the entire software lifecycle.

Why does my web application still have poor performance after running Lighthouse?▼

Poor web performance may persist if Lighthouse audits are not paired with DevTools profiling and bundle analysis to pinpoint specific memory, network, or rendering bottlenecks before implementing fixes.