Performance Optimization

概要

Provides domain-specific guidance for improving application responsiveness and user experience by minimizing load times and reducing time-to-interactive. It offers structured frameworks for monitoring Core Web Vitals, establishing performance budgets, and implementing technical optimizations like route-based code splitting, modern image formatting, and service worker caching strategies. Use this skill to diagnose performance bottlenecks and apply data-driven improvements across the entire web stack to ensure smooth interactions across all devices and network conditions.

主な機能

• Implementation guidance for Core Web Vitals monitoring and optimization
• Configurable performance budgeting and monitoring for CI/CD integration
• Advanced image optimization using modern formats and responsive delivery
• 3 GitHub stars
• Strategies for route-based code splitting and component lazy loading
• Multi-layered caching patterns including Service Workers and Local Storage

ユースケース

• Implementing automated performance monitoring and measurement in development workflows
• Reducing massive JavaScript bundle sizes and eliminating render-blocking resources
• Diagnosing and fixing slow initial page loads or poor Core Web Vitals scores