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

•

Herramientas de Diseño

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

Acerca de

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.

Características Principales

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

Casos de Uso

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

Acerca de

Características Principales

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

Casos de Uso

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