perf-web-optimization
OfficialSpeed up sites by mastering core web vitals.
Software Engineering#optimize#web-performance#bundle-size#LCP#image-optimization#CLS#core-web-vitals
Authortech-leads-club
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Slow-loading websites degrade user experience and conversions. This skill provides a structured approach to optimize Core Web Vitals, bundle size, and asset delivery to deliver faster pages.
Core Features & Use Cases
- Performance auditing: identify bottlenecks in LCP, CLS, INP, TTFB, and bundle size.
- Guided optimizations: actionable steps for image optimization, caching headers, code splitting, and lazy loading.
- Use Case: when a site scores poorly on Lighthouse, run this skill to present a prioritized plan and implement fixes.
Quick Start
Run a Lighthouse audit on your target site to identify LCP/CLS/INP issues, then apply the top 3 fixes such as image optimization, critical CSS, and code-splitting to improve overall performance.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: perf-web-optimization Download link: https://github.com/tech-leads-club/agent-skills/archive/main.zip#perf-web-optimization Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.