skills.rest
lehuuhau1231
lehuuhau1231COMMUNITY
Explore all skills by this author →
GitHub

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals for website performance.

Updated Aug 5, 2025
Search Tags:#performance optimization#web performance#Lighthouse#performance profiling#JavaScript bundle analysis
One-click install
npx skills add https://github.com/lehuuhau1231/TechJobs --skill performance-profiling-lehuuhau1231
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/lehuuhau1231/TechJobs/tree/main/tech-job-client/.agent/skills/performance-profiling
Command: npx skills add https://github.com/lehuuhau1231/TechJobs --skill performance-profiling-lehuuhau1231

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses performance bottlenecks in web applications by measuring, analyzing, and optimizing their performance metrics.

Core Features & Use Cases

  • Performance Audit: Automated Lighthouse performance audit on a given URL.
  • Core Web Vitals: Measurement and analysis of key performance indicators like LCP, INP, and CLS.
  • Profiling Workflow: Step-by-step process for identifying and resolving performance issues.
  • Bundle Analysis: Evaluate and optimize JavaScript bundle size and structure.
  • Runtime Profiling: In-depth analysis of runtime performance and memory usage.
  • Common Bottlenecks: Identification of common performance issues and their likely causes.
  • Quick Win Priorities: Prioritize and implement quick performance improvements.
  • Anti-Patterns: Guidance on avoiding common pitfalls in performance optimization.

Quick Start

Run the performance profiling skill on a website URL to identify performance bottlenecks and apply optimizations.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I audit website performance using Lighthouse?▼

Automated Lighthouse audits measure website performance by executing CLI commands on a given URL to identify bottlenecks and generate actionable optimization reports. It requires the lighthouse CLI to run.

What's the best way to analyze JavaScript bundle size and structure?▼

JavaScript bundle analysis evaluates and optimizes bundle size and structure to identify performance bottlenecks. It uses Python scripts to break down dependencies and pinpoint heavy modules.

How do I measure Core Web Vitals like LCP, INP, and CLS?▼

Core Web Vitals measurement captures LCP, INP, and CLS metrics to analyze key performance indicators. This identifies rendering and responsiveness issues affecting user experience.

Do I need Python and lighthouse CLI to run performance profiling?▼

Yes, performance profiling requires lighthouse CLI for audits and Python scripts for additional analysis. Both dependencies must be installed in your environment to execute the profiling workflow.

Why does my website have slow runtime performance and high memory usage?▼

Runtime profiling analyzes runtime performance and memory usage to identify common bottlenecks and their likely causes. It isolates memory leaks and inefficient execution paths.

How do I prioritize quick wins for web performance optimization?▼

Web performance optimization prioritizes quick wins by identifying common bottlenecks and anti-patterns. It guides you through a step-by-step workflow to implement immediate improvements.

Related Skills

Explore More Software Engineering Skills→
BenWork17BenWork17

performance-profiling

Run Lighthouse audits on target URLs to assess web performance.

Community
Intermediate
calm-northcalm-north
18

audit-speed

Audit Core Web Vitals and page speed for LCP, CLS, and INP issues.

Official
Advanced
jangtrinhjangtrinh

performance-profiling

Run Lighthouse audits on web applications and analyze category scores.

Community
Intermediate
PatternsDevPatternsDev
235

react-server-components

Server-render React components to reduce client-side JavaScript in Next.js App Router.

Official
Intermediate