skills.rest
jangtrinh
jangtrinhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-perf

Analyze web performance gaps and optimize Core Web Vitals with Lighthouse.

Updated Mar 27, 2026
Search Tags:#lighthouse#web-performance#bundle-size#core-web-vitals#performance-analysis#frontend-optimization
One-click install
npx skills add https://github.com/jangtrinh/EaseUI-Agent --skill web-perf-jangtrinh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/jangtrinh/EaseUI-Agent/tree/main/.claude/skills/web-perf
Command: npx skills add https://github.com/jangtrinh/EaseUI-Agent --skill web-perf-jangtrinh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimize web performance by measuring and improving Core Web Vitals (LCP, CLS, INP) and reducing bundle sizes to deliver faster, smoother experiences.

Core Features & Use Cases

  • Baseline measurement with Lighthouse and bundle-size checks.
  • Bottleneck identification and prioritized fixes.
  • End-to-end verification with before/after comparisons to ensure targets are met.

Quick Start

Run a baseline measurement on a target URL to begin the optimization workflow.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I optimize Core Web Vitals like LCP, CLS, and INP for my web pages?▼

To optimize Core Web Vitals, measure baseline LCP, CLS, and INP scores using Lighthouse, identify rendering bottlenecks, apply prioritized fixes, and verify improvements through before-and-after comparisons.

What is the best way to reduce frontend bundle size for web performance?▼

Reducing frontend bundle size requires running a bundle analyzer to measure your baseline, identify heavy dependencies, apply code-splitting fixes, and verify the final bundle size reduction.

How do I identify performance bottlenecks using Lighthouse?▼

Identify performance bottlenecks using Lighthouse by running a baseline measurement on your target URL, analyzing the generated report for failing audits, and prioritizing fixes based on their impact on Core Web Vitals.

Does this web performance analysis workflow work for marketing pages and dashboards?▼

Yes, this web performance analysis workflow applies to marketing pages, dashboards, and apps where Lighthouse scores, bundle size, and image performance matter, ensuring faster and smoother user experiences.

Can I verify Core Web Vitals improvements with before and after comparisons?▼

Yes, you can verify Core Web Vitals improvements with before and after comparisons by running an initial Lighthouse baseline, applying optimizations, and measuring the target URL again to ensure targets are met.

Related Skills

Explore More Software Engineering Skills→
ak-eytherak-eyther

performance-testing-patterns

Identify web performance bottlenecks from Lighthouse audits and Core Web Vitals.

Community
Intermediate
LauughterLauughter

performance-optimization

Measure web performance with Lighthouse and RUM to identify and fix bottlenecks.

Community
Advanced
JochenYangJochenYang
21

performance-optimizer

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

Community
Intermediate
doanchienthangdevdoanchienthangdev
4

profiling-performance

Run Lighthouse audits and analyze Core Web Vitals for browser performance.

Community
Intermediate