What is Code Splitting?
Breaking your application's code into smaller chunks that load only when needed.
Why It Matters
Code splitting makes initial page loads faster because users only download the code for the page they are viewing.
Real-World Example
The admin dashboard code only loads when an admin user navigates to the admin section.
“Understanding terms like Code Splitting matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
Lazy Loading
Delaying the loading of content or code until it is actually needed.
Tree Shaking
Automatically removing unused code from your final bundle to make it smaller.
Bundler
A tool that combines your many source files into optimised bundles that browsers can load efficiently.
Bundle
Combining multiple files into fewer files for more efficient loading
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
Bundle
Combining multiple files into fewer files for more efficient loading
Bundler
A tool that combines your many source files into optimised bundles that browsers can load efficiently.
Tree Shaking
Automatically removing unused code from your final bundle to make it smaller.
Lazy Loading
Delaying the loading of content or code until it is actually needed.
Cache
A temporary storage that keeps copies of frequently accessed data for faster retrieval
CDN
A network of servers around the world that stores copies of your content closer to users