skills.rest
alex-jordan547
alex-jordan547COMMUNITY
Explore all skills by this author →
GitHub

performance-profiling

Measure and analyze web performance using Lighthouse audits and Core Web Vitals profiling workflows.

Updated Jul 3, 2026
Search Tags:#performance#audit#profiling#lighthouse#bundle analysis#core web vitals#web optimization
One-click install
npx skills add https://github.com/alex-jordan547/agent-setup --skill performance-profiling-alex-jordan547
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/alex-jordan547/agent-setup/tree/main/archive/2026-09-10/performance-profiling
Command: npx skills add https://github.com/alex-jordan547/agent-setup --skill performance-profiling-alex-jordan547

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Web performance issues are often addressed by guesswork instead of measurement, leading to wasted optimization effort. This Skill enforces a measure-first workflow: baseline, identify the bottleneck, fix, and validate. ## Core Features & Use Cases - Lighthouse Audits: Run automated Lighthouse audits via scripts/lighthouse_audit.py to get performance, accessibility, best-practices, and SEO scores as JSON. - Core Web Vitals Guidance: Reference targets for LCP, INP, and CLS, plus tool selection for bundle, runtime, memory, and network profiling. - Bottleneck Diagnosis: Map symptoms like slow initial load, jank, or memory growth to likely causes and prioritized quick wins. - Use Case: A page feels slow in production. Run the Lighthouse audit script to get scores, use the symptom table to identify render-blocking JavaScript, then apply code splitting and re-measure to validate the fix. ## Quick Start Run a Lighthouse performance audit on https://example.com and tell me which Core Web Vitals need improvement.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I run a Lighthouse audit from the command line?▼

Run the lighthouse_audit.py script with a target URL, for example: python scripts/lighthouse_audit.py https://example.com. It invokes the Lighthouse CLI in headless Chrome mode and returns JSON scores for performance, accessibility, best practices, and SEO.

What are good Core Web Vitals thresholds for LCP, INP, and CLS?▼

LCP should be under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1 to be rated good. Values above 4.0 seconds for LCP, 500 milliseconds for INP, or 0.25 for CLS are considered poor.

Which tool should I use for different performance problems?▼

Use Lighthouse for page load issues, a bundle analyzer for bundle size, and Chrome DevTools Performance, Memory, and Network tabs for runtime, memory, and network problems respectively. Match the tool to the symptom before optimizing.

Why does the Lighthouse audit script fail to run?▼

The script requires the Lighthouse CLI installed globally via npm install -g lighthouse. It also fails if the audit exceeds the 120-second timeout or if Lighthouse cannot produce a report for the given URL.

What are the highest-impact performance optimizations to try first?▼

Enable compression, lazy load images, and code split routes first, as these have high impact. Caching static assets and optimizing images are medium-priority follow-ups. Always profile before optimizing rather than guessing.

Related Skills

Explore More Software Engineering Skills→
RamonsDkaRamonsDka
1

perf-lighthouse

Run Lighthouse audits locally and extract scores, timings, and budgets from reports.

Community
Intermediate
Helcio-NogueiraHelcio-Nogueira

performance-profiling

Diagnose web performance issues using Lighthouse audits and Core Web Vitals analysis.

Community
Intermediate
adityaarsharmaadityaarsharma
2

orbit-seo-page-speed

Fetch and compare Core Web Vitals from Google PageSpeed Insights with local Lighthouse scores.

Community
Intermediate
AgentientAgentient
2

browser-runtime-performance-profiling

Profile browser runtime performance with Chrome DevTools to diagnose rendering bottlenecks and long tasks.

Official
Intermediate