Frontend Performance Optimizer (Japanese)

About

This skill provides specialized expertise in identifying and resolving frontend performance bottlenecks with a focus on Japanese-language development environments. It emphasizes a 'measure first' philosophy, utilizing Core Web Vitals (LCP, FID, CLS) and profiling tools like Chrome DevTools to pinpoint issues. It offers practical implementation patterns for React optimization (memoization, virtualization), bundle size reduction (code splitting, tree shaking), image optimization, and layout shift prevention to ensure fast, responsive, and stable user experiences.

Key Features

• Core Web Vitals analysis and improvement (LCP, FID, CLS)
• React rendering optimization via memoization and state management
• 3 GitHub stars
• Detailed performance profiling using Chrome and React DevTools
• Image and asset optimization strategies for faster loading
• Bundle size reduction through code splitting and tree shaking

Use Cases

• Diagnosing and fixing slow page load times in React applications
• Reducing cumulative layout shift (CLS) to improve visual stability
• Analyzing and shrinking large JavaScript bundle sizes for mobile users