bundle-splitting
OfficialSplit bundles to speed up load times.
AuthorPatternsDev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Large JavaScript bundles can slow initial load and interactivity; bundling strategies like code splitting help mitigate this by delivering only what is needed for the first view and deferring the rest.
Core Features & Use Cases
- Split code into smaller bundles to reduce the initial payload and improve FCP/LCP.
- Lazy-load non-critical code paths to speed up Time To Interactive (TTI).
- Use with bundlers such as Webpack or Rollup to implement and measure performance improvements across routes and user interactions.
Quick Start
Configure your bundler (Webpack or Rollup) to split the code into multiple bundles and lazy-load non-critical parts.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: bundle-splitting Download link: https://github.com/PatternsDev/skills/archive/main.zip#bundle-splitting Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.