vite-bundle-optimization

What problem does it solve?

Vite bundle size and build performance can degrade as projects scale; this Skill provides patterns to minimize bundle sizes and accelerate builds for Vite + React apps.

Core Features & Use Cases

• Avoid barrel file imports to reduce initial load times.
• Configure manual chunk splitting to improve caching and parallel loading.
• Use dynamic imports for route-level code splitting to reduce initial payload.
• Lazy-load heavy components to improve First Contentful Paint.
• Defer non-critical third-party scripts to shorten interactive time.
• Preload critical assets and route chunks to improve perceived performance.

Quick Start

Install and apply the recommended Vite optimizations to your next React project to achieve faster builds and smaller bundles.