Skills
.Work. You
Rest

perf-web-optimization

Community

Boost Core Web Vitals and load times.

Software Engineering#caching#web-performance#bundle-size#image-optimization#core-web-vitals#lcp
AuthorGabrielloopes33
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Web performance bottlenecks degrade user experience and conversion. This skill provides a structured approach to measure, diagnose, and implement optimizations to Core Web Vitals, bundle size, and caching.

Core Features & Use Cases

  • Measurement-driven optimization: leverage Lighthouse scores and performance APIs to identify bottlenecks for LCP, CLS, INP, and TTFB.
  • Optimization patterns: image formats (AVIF/WebP), font loading strategies, code splitting, and caching headers to reduce payloads and improve LCP and TTI.
  • Use Case: when a site loads slowly or has large layout shifts, apply the recommended patterns to optimize assets and verify improvements across pages with Lighthouse and real user metrics.

Quick Start

Analyze a site with a performance test and implement recommended optimizations to improve Core Web Vitals, bundle size, and cache strategy.

Dependency Matrix

Required Modules

None required

Components

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/Gabrielloopes33/nexIA/archive/main.zip#perf-web-optimization

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 223,000+ vetted skills library on demand.