Bundle Optimization

Understands the role of Vite and Rollup in SvelteKit application bundling, analyzes bundle size through rollup-plugin-visualizer. Applies basic optimizations: dynamic import() for lazy-loading routes, tree-shaking unused code from Svelte libraries.

Understands basic Vite bundling principles — entry points, chunks, tree shaking. Analyzes bundle size through vite-bundle-visualizer, applies dynamic import() for lazy loading Vue Router routes.

Understands bundling principles in fullstack applications and can analyze bundle size through webpack-bundle-analyzer. Applies basic optimizations: dynamic imports for code splitting, tree-shaking unused code, dependency optimization.

Optimizes SvelteKit application bundle: configures code splitting by routes, manualChunks for vendor libraries, preload strategies. Minimizes CSS through Tailwind purge, analyzes dependency duplication, configures gzip/brotli compression on the server.

Optimizes Vue application bundle — configuring Vite rollupOptions for chunk splitting, manualChunks for vendor libraries. Configures code splitting by Nuxt 3 routes, optimizes Pinia store size through tree shaking.

Independently implements complex UI components with bundle optimization. Optimizes rendering performance. Writes tests. Applies for state management.

Designs bundling strategy for large-scale SvelteKit applications: granular code splitting, module federation, edge optimizations. Creates custom Vite plugins for specific optimizations, implements differential loading and automatic performance budgets in CI.

Designs bundling strategy for large-scale Vue applications — granular chunks, prefetch hints, module federation. Analyzes and eliminates dependency duplication, optimizes Vite build through custom Rollup plugins.

Optimizes fullstack application bundles: code-splitting by routes and components, separate chunks for vendor code, SSR bundle optimization. Configures Vite/webpack for minimal size, implements prefetch strategies and analyzes server dependency impact.

Defines bundle optimization standards for Svelte projects: size budgets, automatic checks, dependency review process. Implements bundle size monitoring in CI/CD, coordinates optimizations between teams, trains on efficient code splitting.

Defines performance budgets for organizational Vue project bundles — automated size checks in CI, growth alerting. Introduces optimization strategy — dependency audit, bundle analysis, automated size regression testing.

Designs bundling strategy for the fullstack platform: chunk architecture, shared dependencies in monorepo, lazy-loading strategy. Defines bundle size budgets, configures automated CI checks and optimizes shared client-server packages.

Shapes code delivery optimization strategy at the organizational level, researches cutting-edge bundling approaches in Svelte 5. Influences SvelteKit Vite integration development, defines architectural decisions for minimizing runtime and maximizing compiler optimizations.

Shapes bundle optimization strategy for the company's Vue ecosystem — shared chunks between micro-frontends, CDN strategies, edge-side rendering. Researches and introduces new approaches — module preload, import maps, Rolldown.

Defines organizational bundle optimization strategy: size standards for fullstack applications, automated regression monitoring, micro-frontend architecture. Researches and adopts new approaches: Module Federation, streaming imports, edge bundling.