performance-profiling

Measure Core Web Vitals and analyze runtime and bundle sizes with Lighthouse CLI.

1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/simoabid/ABID.Dev-Portfolio --skill performance-profiling-simoabid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/simoabid/ABID.Dev-Portfolio/tree/main/.agent/skills/performance-profiling
Command: npx skills add https://github.com/simoabid/ABID.Dev-Portfolio --skill performance-profiling-simoabid

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps identify and fix performance bottlenecks in web applications, leading to faster load times, improved user experience, and better search engine rankings.

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: Provides actionable steps for improving performance, from compression to code splitting.
  • Use Case: A developer can use this Skill to audit their Next.js portfolio website, identify that large JavaScript bundles are slowing down initial load, and receive specific recommendations on how to code-split routes and optimize image loading.

Quick Start

Run a Lighthouse performance audit on the provided URL.

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 web performance using Lighthouse?

Web performance auditing uses Lighthouse to measure Core Web Vitals like LCP, INP, and CLS. You simply provide your application URL to run an audit that analyzes runtime execution and identifies bottlenecks affecting load times.

What is the best way to identify JavaScript bundle bottlenecks?

Identifying JavaScript bundle bottlenecks requires analyzing bundle sizes and runtime execution with dedicated bundle analysis tools. This process highlights heavy dependencies and memory usage issues that slow down your initial page load.

How do I optimize Core Web Vitals for a Next.js application?

Optimizing Core Web Vitals involves implementing actionable techniques like code splitting, lazy loading, and compression. For a Next.js application, auditing helps pinpoint large JavaScript bundles so you can split routes and optimize image loading.

Do I need Lighthouse CLI installed to measure Core Web Vitals?

Yes, you need the Lighthouse CLI installed to measure Core Web Vitals and conduct performance audits. It acts as the primary dependency for evaluating key metrics and generating actionable optimization recommendations.

Why does my web application have a slow initial load time?

Slow initial load times often stem from large JavaScript bundles, high runtime execution overhead, or unoptimized assets. A performance audit analyzes bundle sizes and memory usage to pinpoint the exact bottlenecks causing the delay.

Can I use this performance profiling approach for memory usage analysis?

Yes, performance profiling includes analyzing runtime execution and memory usage alongside bundle sizes. This approach identifies memory bottlenecks and provides actionable optimization strategies to improve overall application responsiveness.