skills.rest
nguyenphp
nguyenphpCOMMUNITY
Explore all skills by this author →
GitHub

performance-profiling

Audit web performance with Lighthouse CLI and analyze Core Web Vitals.

41|12|Updated Jan 16, 2026
Search Tags:#performance#web vitals#optimization#auditing#profiling#lighthouse
One-click install
npx skills add https://github.com/nguyenphp/antigravity-marketing --skill performance-profiling-nguyenphp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/nguyenphp/antigravity-marketing/tree/main/templates/.agent/skills/performance-profiling
Command: npx skills add https://github.com/nguyenphp/antigravity-marketing --skill performance-profiling-nguyenphp

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of slow-loading websites and poor user experience by providing systematic methods for identifying and resolving performance bottlenecks.

Core Features & Use Cases

  • Performance Auditing: Utilizes tools like Lighthouse to measure key metrics (LCP, INP, CLS).
  • Bottleneck Identification: Analyzes bundle sizes, runtime execution, and memory usage.
  • Optimization Strategies: Offers actionable steps for improving load times and interactivity.
  • Use Case: A marketing team notices a significant drop in conversion rates on their landing page. They use this Skill to audit the page's performance, identify that large unoptimized images are the primary cause, and receive clear instructions on how to compress and lazy-load them for a faster experience.

Quick Start

Run a Lighthouse audit on the provided URL to assess its performance.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I audit my website's Core Web Vitals using Lighthouse?▼

You can audit Core Web Vitals by running a Lighthouse CLI audit on your URL to measure key metrics like LCP, INP, and CLS. This identifies performance bottlenecks and provides actionable optimization strategies.

What's the best way to identify JavaScript runtime and memory bottlenecks?▼

The best way to identify runtime and memory bottlenecks is to perform web performance profiling. This process analyzes JavaScript execution, memory usage, and bundle sizes to diagnose slow interactivity and loading issues.

Why does my landing page load slowly and drop conversion rates?▼

Slow landing page loads and conversion drops often stem from unoptimized assets like large images. Performance profiling audits these bottlenecks, diagnosing load times and offering steps like compression and lazy-loading.

Do I need the Lighthouse CLI installed to measure web performance metrics?▼

Yes, you need the Lighthouse CLI installed to perform automated performance audits. It is a required dependency for measuring Core Web Vitals and analyzing JavaScript execution and memory usage.

Can I analyze bundle sizes and runtime execution for web optimization?▼

Yes, you can analyze bundle sizes and runtime execution through performance profiling. This process measures key metrics, analyzes JavaScript execution, and identifies memory usage issues to improve overall load times.

Related Skills

Explore More Software Engineering Skills→
racciolyraccioly

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals to identify performance bottlenecks.

Community
Advanced
rodrigotoledorodrigotoledo

perf-web-optimization

Optimize web performance by reducing bundle size, images, caching, and lazy loading.

Community
Intermediate
PatternsDevPatternsDev
235

tree-shaking

Eliminate dead code from JavaScript bundles using ES module imports.

Official
Intermediate
krzemienskikrzemienski
2

chrome-devtools

Diagnose performance, network, and DOM issues using Chrome DevTools MCP.

Community
Advanced