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.