performance-profiling

Run Lighthouse audits and DevTools to profile web application performance.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/flybirdxx/RunningHub --skill performance-profiling-flybirdxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/flybirdxx/RunningHub/tree/main/.gemini/skills/performance-profiling
Command: npx skills add https://github.com/flybirdxx/RunningHub --skill performance-profiling-flybirdxx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive performance profiling tools to help you measure, analyze, and optimize the performance of your web applications.

Core Features & Use Cases

  • Performance Audit: Execute Lighthouse audits to identify performance bottlenecks.
  • Profiling Workflow: Follow a structured 4-step process for effective performance profiling.
  • Bundle Analysis: Analyze JavaScript bundle size and identify optimization opportunities.
  • Runtime Profiling: Use browser DevTools to profile runtime performance and memory usage.
  • Common Bottlenecks: Diagnose common performance issues like slow load times and memory leaks.
  • Quick Win Priorities: Prioritize optimizations for maximum impact.
  • Anti-Patterns: Avoid common pitfalls in performance optimization.

Quick Start

Run the performance profiling skill to analyze the performance of your website at 'https://example.com'.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I identify web performance bottlenecks using Lighthouse?

To identify web performance bottlenecks using Lighthouse, you execute comprehensive performance audits that analyze load times and JavaScript bundles. This process helps measure runtime performance and pinpoint specific optimization opportunities within your web application.

What is the best way to profile JavaScript runtime performance and memory usage?

The best way to profile JavaScript runtime performance and memory usage is by using browser DevTools. This approach enables you to diagnose common performance issues like memory leaks and slow runtime execution directly within the browser environment.

How do I optimize JavaScript bundle size for better load times?

To optimize JavaScript bundle size for better load times, you perform bundle analysis to identify large dependencies. This analysis reveals specific optimization opportunities, allowing you to prioritize quick wins that resolve slow load times and improve runtime performance.

Do I need Lighthouse CLI installed to run a performance audit?

Yes, you need the Lighthouse CLI installed to execute performance audits with this profiling workflow. The tool performs comprehensive analysis on web applications using Lighthouse audits and requires the Lighthouse CLI alongside browser DevTools.

What common performance anti-patterns should I avoid during web optimization?

Common performance anti-patterns to avoid during web optimization include ignoring memory leaks and overlooking JavaScript bundle size. Following a structured 4-step profiling workflow helps diagnose these bottlenecks, prioritize quick wins, and avoid common pitfalls in performance optimization.