code splitting
Load a separate code bundle when a feature needs it.
Use this when A rarely opened editor inflates the first page download.
without the term
“Our homepage downloads a huge JavaScript file, mostly because of the rich text editor that only a few people open. Can you make that only download when someone actually opens the editor?”
with the term · How do you ask a model for code splitting?
Code-split this optional editor. Verify its bundle is absent from the initial load and loads successfully when the editor opens.
What is code splitting?
Code splitting divides the application into loadable chunks. Dynamic imports can defer a feature’s code until it is needed.
Why does code splitting matter when vibe coding?
An eager root import can pull an optional feature into every page.
How do you do code splitting?
Move the feature behind a loading boundary. Check the first-load bundle and opening the feature.
What goes wrong with code splitting?
A second eager import keeps the module in the initial bundle.