skills.rest
WesleySmits
WesleySmitsCOMMUNITY
Explore all skills by this author →
Website𝕏@iamwesleysmitsGitHub

profiling-performance

Audit web performance with Lighthouse and Core Web Vitals metrics.

6|2|Updated Jan 18, 2026
Search Tags:#performance#frontend#optimization#metrics#profiling#lighthouse#web-vitals
One-click install
npx skills add https://github.com/WesleySmits/agent-skills --skill profiling-performance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: profiling-performance
Source: https://github.com/WesleySmits/agent-skills/tree/main/.agent/skills/performance-profiler
Command: npx skills add https://github.com/WesleySmits/agent-skills --skill profiling-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers quickly audit web page performance using Lighthouse and Web Vitals to identify bottlenecks and optimization opportunities.

Core Features & Use Cases

  • Lighthouse audits to measure performance, accessibility, best practices, and SEO.
  • Core Web Vitals analysis to pinpoint metrics like LCP, CLS, FID, and INP.
  • Optimization recommendations with concrete steps to reduce bundle sizes, improve rendering, and boost responsiveness.
  • Use Case: When a site loads slowly or users report latency, run a performance audit and implement suggested improvements.

Quick Start

Run a Lighthouse performance audit against your target URL and review Core Web Vitals to begin optimizing.

Frequently Asked Questions about profiling-performance

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

FAQPage Schema
How do I identify web performance bottlenecks using Lighthouse and Core Web Vitals?▼

Run a Lighthouse audit against your target URL to collect Core Web Vitals like LCP, CLS, FID, and INP, which pinpoints rendering issues and runtime bottlenecks across mobile and desktop.

Why does my web app load slowly and how can I analyze bundle size?▼

Your web app may load slowly due to large bundle sizes or rendering delays; analyze bundle size and audit Core Web Vitals to generate concrete optimization recommendations for reducing latency.

Can I run a performance audit on both local builds and deployed sites?▼

Yes, you can run performance audits on both deployed sites and local builds to measure Core Web Vitals and identify optimization opportunities across mobile and desktop environments.

What is the best way to improve LCP and CLS metrics for frontend optimization?▼

The best way to improve LCP and CLS metrics is to audit your site with Lighthouse, analyze the collected Core Web Vitals, and implement actionable recommendations to reduce bundle sizes and boost rendering.

How do I fix runtime bottlenecks and reduce bundle size in my web app?▼

To fix runtime bottlenecks and reduce bundle size, audit your web app with Lighthouse to collect Web Vitals, then apply the generated optimization recommendations to improve overall responsiveness.

Does profiling performance with Web Vitals work for mobile and desktop sites?▼

Yes, profiling performance with Web Vitals works for both mobile and desktop sites, allowing you to measure metrics like INP and FID to evaluate and optimize responsiveness across different devices.

Related Skills

Explore More Software Engineering Skills→
sigmadigitalzasigmadigitalza
1

web-performance

Analyze web application performance against Core Web Vitals metrics.

Official
Advanced
JochenYangJochenYang
21

performance-optimizer

Identify performance bottlenecks and optimize application speed across backend, database, and frontend workflows.

Community
Intermediate
hiddink-aihiddink-ai
1

optimize-analyze

Analyze webpack, vite, and rollup build outputs for bundle size metrics.

Official
Intermediate
logo-solutionslogo-solutions

browser-testing-with-devtools

Inspect live DOM, console, network, and performance state in Chromium-based browsers.

Official
Advanced