skills.rest
Hieubkav
HieubkavCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-performance-audit

Measure Core Web Vitals and identify web performance bottlenecks.

Updated Oct 26, 2025
Search Tags:#web performance#Lighthouse#LCP#CLS#audits
One-click install
npx skills add https://github.com/Hieubkav/wincellarCloneBackend --skill web-performance-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-performance-audit
Source: https://github.com/Hieubkav/wincellarCloneBackend/tree/main/.claude/skills/optimize/web-performance-audit
Command: npx skills add https://github.com/Hieubkav/wincellarCloneBackend --skill web-performance-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guides systematic web performance audits and actionable optimization steps to improve Core Web Vitals and user experience.

Core Features & Use Cases

  • Core Web Vitals measurement (LCP, FID, CLS, etc.)
  • Tools: Lighthouse, PageSpeed, WebPageTest
  • Quick wins, medium-term, long-term optimizations
  • Monitoring and budgets

Quick Start

Run a baseline Lighthouse audit, identify top bottlenecks, implement optimizations, re-audit.

Frequently Asked Questions about web-performance-audit

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

FAQPage Schema
How do I measure Core Web Vitals like LCP and CLS on my website?▼

Core Web Vitals measure user experience metrics: LCP (loading speed), CLS (visual stability), and FID/INP (responsiveness). Use Lighthouse or PageSpeed Insights to measure these metrics on your site and identify which ones need improvement.

What's the best way to run a web performance audit?▼

Run a baseline Lighthouse audit to establish current metrics, identify the top bottlenecks affecting your Core Web Vitals, implement prioritized optimizations, then re-audit to measure improvement. This systematic approach reveals what's slowing your site.

Can I use Lighthouse and WebPageTest together for performance testing?▼

Yes. Lighthouse provides quick Core Web Vitals measurement, while WebPageTest offers deeper waterfall analysis and regional testing. Using both tools together gives comprehensive performance data across different measurement approaches.

How do I prioritize web performance optimizations?▼

Prioritization dimensions include quick wins (immediate, high-impact fixes), medium-term optimizations (architectural improvements), and long-term strategies (infrastructure changes). Audit results show which category each bottleneck falls into.

What metrics should I monitor for ongoing web performance?▼

Establish performance budgets for Core Web Vitals (LCP, CLS, FID, FCP, TTI, TBT, INP) and monitor them continuously. Regular monitoring catches regressions after code changes and tracks whether optimizations maintain their gains.

When should I audit performance after code changes?▼

Perform post-change audits after major updates to catch performance regressions early. For user-reported slowdowns or SEO optimization efforts, audits quantify the impact and guide next optimization steps.

Related Skills

Explore More Software Engineering Skills→
Panastra-labsPanastra-labs

pagespeed-analyzer

Analyze PageSpeed Insights API data to identify performance bottlenecks for URLs.

Official
Intermediate
huangzidahuangzida
2

performance-optimization

Optimizes application performance by measuring, identifying bottlenecks, and verifying improvements.

Community
Advanced
paolomozpaolomoz
3

pagespeed-audit

Analyze Core Web Vitals and PageSpeed scores across multiple URLs.

Community
Advanced
israel-salgadoisrael-salgado
2

dt-obs-frontends

Analyze RUM data to diagnose frontend performance, sessions, and errors.

Community
Advanced