skills.rest
arbazkhan971
arbazkhan971COMMUNITY
Explore all skills by this author →
Website𝕏@arb5zGitHub

webperf

Run Lighthouse audits and optimize Core Web Vitals for web pages.

26|8|Updated Mar 19, 2026
Search Tags:#lighthouse#cdn#critical-css#code-splitting#image-optimization#core-web-vitals#webperf
One-click install
npx skills add https://github.com/arbazkhan971/godmode --skill webperf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webperf
Source: https://github.com/arbazkhan971/godmode/tree/main/skills/webperf
Command: npx skills add https://github.com/arbazkhan971/godmode --skill webperf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Slow page loads, large client bundles, and regressions in Core Web Vitals cause bad user experience and lower engagement; this Skill gives a repeatable, measurement-first workflow to find high-impact fixes and validate them safely before shipping.

Core Features & Use Cases

  • Baseline measurement: Run Lighthouse audits (median of multiple runs) and capture LCP, INP, CLS, and overall performance score to make data-driven decisions.
  • Bundle analysis & code splitting: Identify heavy chunks and advise route-based splitting, dependency splitting, and tree-shaking to reduce initial JS payload.
  • Image and font optimization: Recommend responsive srcsets, AVIF/WebP fallbacks, LCP image handling, font subsetting and preload strategies.
  • Critical CSS, service workers & CDN: Extract critical CSS, apply proper caching strategies and CDN headers, and define caching policies for hashed assets and HTML.
  • Governance & CI: Enforce performance budgets, TSV logging, automatic keep/discard discipline, and clear stop conditions for autonomous runs.
  • Use case: Improve an e-commerce site's homepage LCP and reduce total JS to meet a Lighthouse >=90 target while avoiding visual regressions.

Quick Start

Analyze https://example.com with a Lighthouse audit, perform bundle and image analysis, and produce prioritized, actionable optimizations aimed at reaching Lighthouse >=90.

Frequently Asked Questions about webperf

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

FAQPage Schema
How do I improve Core Web Vitals and increase my Lighthouse performance score?▼

To improve Core Web Vitals, measure a baseline using median Lighthouse audit runs, then prioritize high-impact fixes like bundle analysis, image optimization, and critical CSS extraction to reach your target performance score.

What's the best way to reduce initial JavaScript payload for a single-page application?▼

Reduce initial JavaScript payload by analyzing heavy chunks and applying route-based code splitting, dependency splitting, and tree-shaking to optimize the single-page application bundle structure.

How do I optimize LCP images and web fonts for faster page loads?▼

Optimize LCP images and web fonts by implementing responsive srcsets, AVIF/WebP fallbacks, font subsetting, and preload strategies to ensure critical visual resources load faster.

Can I automate web performance optimization for an e-commerce site without visual regressions?▼

You can automate iterative web performance optimization for e-commerce sites by enforcing performance budgets, applying automatic keep/discard discipline, and using clear stop conditions to prevent visual regressions.

How do I configure service worker caching and CDN headers for hashed assets?▼

Configure service worker caching and CDN headers by defining specific caching policies for hashed assets and HTML, applying proper CDN headers, and extracting critical CSS to enhance load stability.

Related Skills

Explore More Software Engineering Skills→
rodrigotoledorodrigotoledo

perf-web-optimization

Optimize web performance by reducing bundle size, images, caching, and lazy loading.

Community
Intermediate
petrkindlmannpetrkindlmann
64

performance-testing

Measure load capacity, response times, and Core Web Vitals in CI pipelines.

Community
Advanced
duynhneduynhne

webpack-expert

Optimize Webpack configurations for faster builds and smaller bundles.

Community
Advanced
botPhUbotPhU

nextjs-expert

Diagnose and fix Next.js App Router routing, hydration, and performance issues.

Community
Advanced