Skills
.Work. You
Rest

web-performance-guru

Community

Optimize web performance with CWV mastery.

Software Engineering#web-performance#lazy-loading#web-vitals#lcp#inp#cls#bundle-splitting
Authorthesammykins
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Web performance issues manifest as slow interactivity and perceived load due to poor Core Web Vitals (INP, LCP, CLS). This skill provides targeted audits and optimization strategies to elevate interactivity and rendering speed.

Core Features & Use Cases

  • Audit sites for Core Web Vitals and identify main-thread bottlenecks.
  • Optimize Interaction to Next Paint (INP) by yielding to the event loop and reducing long tasks.
  • Improve Largest Contentful Paint (LCP) through preloading, prioritization of critical resources, and CDN-hosted assets.
  • Reduce Cumulative Layout Shift (CLS) by defining explicit dimensions and stable font loading.
  • Implement bundle optimizations via dynamic imports and route-level code splitting.
  • Enhance image strategies with lazy loading and efficient formats to boost overall performance.

Quick Start

Ask me to start a performance audit and optimization pass on a site to improve INP, LCP, CLS, and bundle loading.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-performance-guru
Download link: https://github.com/thesammykins/dotfiles/archive/main.zip#web-performance-guru

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.