performance-profiling

Run Lighthouse audits and parse JSON category scores into summaries.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/Icebane84/Synarche_Workshop --skill performance-profiling-icebane84
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/Icebane84/Synarche_Workshop/tree/main/.agent/skills/qa/performance-profiling
Command: npx skills add https://github.com/Icebane84/Synarche_Workshop --skill performance-profiling-icebane84

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Performance profiling helps you stop guessing and instead identify what is slowing down your website so you can make targeted improvements that users actually feel.

Core Features & Use Cases

  • Runs Lighthouse for measurable Web Vitals: Collects performance, accessibility, best-practices, and SEO scores to quantify current quality for a given URL.
  • Guides diagnostic workflows: Covers the baseline → identify → fix → validate loop and maps symptoms to likely bottlenecks (loading, interactions, jank, memory leaks).
  • Supports actionable optimization choices: Recommends practical fixes such as compression, lazy-loading, code splitting, and caching based on what the measurements reveal.
  • Real-world example: If a production page feels slow and the Core Web Vitals are failing, profile it with Lighthouse, locate the highest-impact issue category, apply a focused change, then validate the improvement with another run.

Quick Start

Use the performance-profiling skill to run a Lighthouse audit against https://example.com and return performance score findings you can act on.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I identify what is slowing down my website with Lighthouse?

Run a Lighthouse audit against your target URL to collect performance, accessibility, and SEO scores. This quantifies Core Web Vitals and parses JSON category scores to identify loading, interaction, or runtime jank bottlenecks for targeted optimization.

What is the best way to investigate Core Web Vitals regression in production?

Profile the production page with Lighthouse to locate the highest-impact issue category. Apply a focused change like compression or lazy-loading, then validate the improvement with another Lighthouse run to confirm Core Web Vitals regression is resolved.

Do I need npm and python3 installed to run Lighthouse performance profiling?

Yes, you need npm and python3 installed in your environment. The performance profiling workflow executes Lighthouse via npm and uses python3 scripts to parse JSON category scores into actionable summaries for web vitals diagnostics.

How does performance profiling map symptoms like runtime jank to actionable fixes?

Performance profiling maps symptoms like runtime jank and memory leaks to likely bottlenecks via a diagnostic workflow. It recommends actionable fixes such as compression, lazy-loading, code splitting, and caching based on what Lighthouse measurements reveal.

Can I use Lighthouse bundle analysis for prioritizing web optimization work?

Yes, you can use Lighthouse bundle analysis to prioritize web optimization work across development and production. It identifies and quantifies bottlenecks, supporting follow-on measurement and analysis to guide focused optimization efforts.

What are the limitations of using Lighthouse for web vitals monitoring?

Lighthouse provides lab data for web vitals monitoring rather than field data from real users. It executes a synthetic profiling workflow, so it may not capture runtime jank or loading variations experienced under diverse real-world network conditions.