Can it help with image optimization?

The skill provides patterns for using modern formats like WebP and AVIF, implementing lazy loading, and utilizing responsive image sets to reduce payload.

How does this skill help improve Lighthouse scores?

It specifically targets Core Web Vitals like Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS) to boost Lighthouse and Real User Monitoring (RUM) scores.

Does it support modern JavaScript frameworks?

Yes, it includes specific optimization patterns for React, Next.js, and Vite, as well as general strategies for Webpack and vanilla JavaScript.

What does the Performance Optimizer skill do?

It provides domain-specific guidance and implementation patterns to speed up frontend applications by optimizing assets, code delivery, and browser rendering.

Performance Optimizer

Name: Performance Optimizer
Author: armanzeroeight

byarmanzeroeight

•

设计工具

Optimizes frontend performance through bundle size reduction, Core Web Vitals improvements, and advanced asset loading techniques.

关于

The Performance Optimizer skill provides a comprehensive toolkit for developers looking to accelerate web applications and improve user experience metrics. It offers expert guidance on meeting Core Web Vitals targets (LCP, FID, CLS), implementing intelligent code splitting, and optimizing media assets through modern formats and lazy loading. Whether you are debugging a bloated React bundle or fine-tuning server-side caching headers, this skill provides the patterns and shell commands necessary to transition from a slow site to a high-performance web experience.

主要功能

19 GitHub stars
Critical CSS extraction and non-blocking JavaScript delivery
Core Web Vitals optimization for LCP, FID, and CLS metrics
Modern image optimization using WebP/AVIF and responsive sets
Advanced caching strategies including Service Workers and HTTP headers
Bundle analysis and automated code splitting implementation

使用场景

Eliminating layout shifts and jank in complex UI components
Improving Google Lighthouse and Search Console performance scores
Reducing initial bundle size for mobile-first web applications

关于

主要功能

19 GitHub stars
Critical CSS extraction and non-blocking JavaScript delivery
Core Web Vitals optimization for LCP, FID, and CLS metrics
Modern image optimization using WebP/AVIF and responsive sets
Advanced caching strategies including Service Workers and HTTP headers
Bundle analysis and automated code splitting implementation

使用场景

Eliminating layout shifts and jank in complex UI components
Improving Google Lighthouse and Search Console performance scores
Reducing initial bundle size for mobile-first web applications