skills.rest
DaytimeBlues
DaytimeBluesCOMMUNITY
Explore all skills by this author →
GitHub

performance-profiling

Measure Core Web Vitals and analyze bundles with Lighthouse CLI.

Updated Jan 31, 2026
Search Tags:#performance#web vitals#optimization#profiling#lighthouse#bundle analysis
One-click install
npx skills add https://github.com/DaytimeBlues/ADHD-CADDI --skill performance-profiling-daytimeblues
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/DaytimeBlues/ADHD-CADDI/tree/main/.agent/skills/performance-profiling
Command: npx skills add https://github.com/DaytimeBlues/ADHD-CADDI --skill performance-profiling-daytimeblues

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 and a smoother user experience.

Core Features & Use Cases

  • Performance Auditing: Uses Lighthouse to measure Core Web Vitals and overall performance.
  • Bundle Analysis: Identifies large dependencies and code-splitting opportunities.
  • Runtime Profiling: Analyzes JavaScript execution and memory usage.
  • Use Case: Improve your website's loading speed by running a Lighthouse audit, analyzing the bundle size, and then applying optimizations like code splitting and image compression.

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 profile web performance and measure Core Web Vitals?▼

To profile web performance, you can run automated audits using Lighthouse CLI to measure Core Web Vitals and identify bottlenecks. This Skill provides principles for measurement, analysis, and optimization techniques.

Can I use browser developer tools for runtime and memory profiling?▼

Yes, you can use browser developer tools for runtime and memory profiling. This Skill supports analyzing JavaScript execution and memory usage to address common performance bottlenecks and anti-patterns.

What is the best way to optimize web performance using Lighthouse?▼

The best way to optimize web performance is running a Lighthouse audit, analyzing the bundle size, and applying optimizations like code splitting and image compression to achieve faster load times.

Do I need Lighthouse installed to run performance audits?▼

Yes, Lighthouse is a required dependency to run automated performance audits. It is used to measure overall performance and Core Web Vitals for your web applications.

Why does my web application have slow load times and how can I fix it?▼

Slow load times are caused by common performance bottlenecks and anti-patterns in web development. You can fix them by profiling memory usage, analyzing bundles, and applying optimizations like code splitting.

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
NickCrewNickCrew
29

react-performance-optimization

Optimize React rendering with memoization, code splitting, and virtualization.

Community
Intermediate
Adam-GuerinAdam-Guerin
1

performance-profiling

Audit web performance with Lighthouse and browser DevTools.

Community
Intermediate
jholhewresjholhewres
3

bundler-analyze

Analyze JavaScript bundle sizes for Vite and Webpack projects.

Community
Basic