performance-profiling

Profile web application performance with Lighthouse and DevTools workflows.

Updated Jan 27, 2026
One-click install
npx skills add https://github.com/Oscar-Ivan-Salas/PILi_Quarts_Doc --skill performance-profiling-oscar-ivan-salas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/Oscar-Ivan-Salas/PILi_Quarts_Doc/tree/main/PILi_Quarts_V3.0/.agent/skills/performance-profiling
Command: npx skills add https://github.com/Oscar-Ivan-Salas/PILi_Quarts_Doc --skill performance-profiling-oscar-ivan-salas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Performance profiling helps teams identify and fix bottlenecks in web applications, reducing latency and improving user experience.

Core Features & Use Cases

  • Lighthouse-driven audits of core metrics (performance, accessibility, best-practices, SEO).
  • A structured 4-step profiling workflow: baseline, identify, fix, validate.
  • Bundle and runtime analysis guidance to inform code-splitting, lazy loading, and caching strategies.
  • Reproducible automation via a script (lighthouse_audit.py) to produce actionable scores and summaries.

Quick Start

Run the lighthouse_audit.py script against a target URL to generate a JSON 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 fix web performance bottlenecks using Lighthouse?▼

To identify web performance bottlenecks, use a structured profiling workflow that establishes a baseline, identifies rendering or bundle issues, applies fixes like lazy loading, and validates the improvements through Lighthouse audits.

What is the best way to measure LCP, INP, and CLS metrics in a CI/CD pipeline?▼

Measuring LCP, INP, and CLS metrics in CI/CD is best done by automating Lighthouse audits with a script like lighthouse_audit.py, which produces reproducible JSON performance reports to track core web vitals across builds.

How does runtime analysis guide code-splitting and lazy loading strategies?▼

Runtime analysis guides code-splitting and lazy loading by profiling web application execution to isolate heavy bottlenecks and unused JavaScript, enabling targeted performance optimization strategies that reduce bundle size and improve loading metrics.

Can I automate Lighthouse audits to generate JSON performance reports?▼

Yes, you can automate Lighthouse audits to generate JSON performance reports by executing the lighthouse_audit.py script against your target URL, producing actionable scores and summaries for development and production monitoring.

Does performance profiling work for both development and production monitoring?▼

Performance profiling is applicable across development, CI/CD, and production monitoring, allowing teams to consistently measure web vitals, analyze runtime bottlenecks, and validate optimization improvements throughout the application lifecycle.