Bundle Size
Bundle Size is the total size of your JavaScript after it's been packaged for production. Smaller bundles mean faster load times for users.
Definition
The total size of your JavaScript after it's been packaged for production. Smaller bundles mean faster load times for users.
Example
If your bundle is 2MB, users on slow connections will wait forever. Under 200KB is the goal.
Related Terms
More Web Development Terms
SSR - Server Side Rendering
The server builds the full HTML page before sending it to the browser. Great for SEO and fast initial loads because users see content immediately instead of a blank screen.
CSR - Client Side Rendering
The browser downloads a minimal HTML shell, then JavaScript builds the page. Fast subsequent navigations, but users might see a loading spinner on first visit.
Hydration
When server-rendered HTML gets "activated" by JavaScript in the browser. The page looks ready instantly, then becomes interactive once the JS loads and attaches event listeners.
SPA - Single Page Application
A web app that loads once and never does a full page refresh. Navigation feels instant because it just swaps content instead of requesting new HTML from the server.
MPA - Multi Page Application
The traditional web model where each page is a separate HTML document. Click a link, server sends a new page. Simple, reliable, and SEO-friendly out of the box.