Optimize app performance by splitting components, routes, and libraries

Image for post
Image for post
Image credit: Author

When you deploy a React application using a tool like webpack, you’re employing a technique called bundling.

Build tools like webpack are, after all, module bundlers.

So when you arrive at a page served by a web application, the page requests a bundle — that is, a file or files that contain all of the code necessary for that page to function.

Often when we build a page, however, we include quite a bit of code that isn’t immediately necessary.

To keep our application lean and fast, we should strive to serve only what’s absolutely necessary for the UI on first paint. …

About

Marshal Murphy

Sometimes I write about code. (marshalmurphy.com)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store