performance-profiling

Collects Lighthouse-based web app performance metrics and analyzes them for optimization guidance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Profiling enables developers to quantify and understand web app performance, turning observed slowdowns into actionable improvements.

Core Features & Use Cases

  • Automated performance audits: Leverage Lighthouse-based checks to compute metrics like LCP, INP, CLS, and provide actionable guidance.
  • Runtime profiling workflow: A structured four-step process to baseline, identify, fix, and validate performance.
  • Reusable tooling: A dedicated script lighthouse_audit.py to produce JSON reports for CI/CD or production monitoring.
  • Use Case: Optimize a product page to reduce time-to-interactive and improve overall user experience.

Quick Start

Run the lighthouse_audit.py script on your site 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 automate web performance profiling in a CI/CD pipeline?

Automated web performance profiling uses Lighthouse-based audits to compute metrics like LCP, INP, and CLS, generating JSON reports for CI/CD or production monitoring. You can run the lighthouse_audit.py script on your site URL to produce reproducible performance reports.

What is the best way to measure and diagnose frontend web app slowdowns?

Measuring frontend web app performance involves a structured profiling workflow to baseline, identify, fix, and validate results. This approach leverages Lighthouse-based audits to quantify observed slowdowns and turn them into actionable optimization guidance.

Can I use Lighthouse to track Core Web Vitals like LCP, INP, and CLS?

Yes, Lighthouse-based checks compute Core Web Vitals like LCP, INP, and CLS. The automated audits analyze these metrics to provide actionable guidance for improving overall user experience and reducing time-to-interactive.

How do I establish a performance baseline before optimizing a web page?

Establishing a performance baseline requires running an initial Lighthouse audit on your site URL to collect metrics. This structured profiling workflow records the starting state before you identify, fix, and validate performance improvements.

Does this performance profiling workflow work for both development and production environments?

Performance profiling applies to development, CI/CD, and production environments. The reusable lighthouse_audit.py script generates JSON reports that support automated tooling and production monitoring across these different stages.

What metrics should I focus on to reduce time-to-interactive on a product page?

To reduce time-to-interactive, focus on Lighthouse-based metrics like LCP, INP, and CLS. The profiling workflow identifies bottlenecks affecting these metrics and provides actionable optimization guidance to improve the user experience.