skills.rest
VoTruongDanh
VoTruongDanhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

performance-profiling

Profile web application performance using Lighthouse audits and bundle analysis.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps identify and resolve 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 Lighthouse to audit web pages across key metrics like LCP, INP, and CLS.
  • Bundle Analysis: Provides insights into JavaScript bundle sizes and identifies opportunities for optimization.
  • Runtime & Memory Profiling: Guides users on analyzing performance and memory usage in browser developer tools.
  • Use Case: A developer can use this skill to audit their website's performance, identify large unoptimized images or render-blocking JavaScript, and receive actionable steps to improve their scores.

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 core web vitals to improve loading speed and visual stability?▼

Auditing core web vitals involves measuring metrics like LCP, INP, and CLS using Lighthouse CLI. This process identifies bottlenecks affecting loading speed, interactivity, and visual stability, providing actionable steps to optimize your web application.

What is the best way to analyze JavaScript bundle sizes for optimization opportunities?▼

Analyzing JavaScript bundle sizes requires measuring bundle composition and identifying large dependencies. Bundle analysis provides insights into unoptimized code and render-blocking scripts, guiding strategies to reduce file sizes and improve application loading performance.

How do I perform runtime and memory profiling in browser developer tools?▼

Runtime and memory profiling in browser developer tools involves analyzing execution timelines and memory allocation. This guides you through identifying memory leaks and runtime bottlenecks that impact application interactivity and overall performance.

Do I need Lighthouse CLI installed to run a performance profiling audit?▼

Yes, Lighthouse CLI is required to run automated performance profiling audits. The tool executes audits against your provided URL to measure key metrics and generate data-driven insights for resolving loading and interactivity issues.

Why does my web application have poor interactivity and how can profiling help?▼

Poor interactivity often stems from long JavaScript tasks or render-blocking code. Performance profiling identifies these specific bottlenecks by measuring runtime metrics, allowing you to apply targeted optimization strategies to improve responsiveness.

Can I identify render-blocking JavaScript and unoptimized images using a performance audit?▼

Yes, a performance audit identifies render-blocking JavaScript and large unoptimized images. By utilizing Lighthouse to audit web pages, you receive actionable insights and steps to resolve these issues and improve your overall scores.

Related Skills

Explore More Software Engineering Skills→
guia-matthieuguia-matthieu
145

lighthouse-audit

Automate Google Lighthouse audits for Core Web Vitals, SEO, and accessibility metrics.

Community
Intermediate
simoabidsimoabid
1

performance-profiling

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

Community
Intermediate
johnlindquistjohnlindquist
24

perf

Identify and reduce performance bottlenecks in Node.js, browser, and Lighthouse workflows.

Community
Advanced
nguyenphpnguyenphp
41

performance-profiling

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

Community
Intermediate