If you're on your phone, please request the
Are your users tired of waiting when your app is loading and they close the tab? Let’s fix it with the progressive loading!
Large apps don't want to carry all the code in one JS bundle.
Code splitting is a Webpack feature that allow you to split your app into several parts. One core part loads first, the rest is loaded on demand in smaller parts.
The idea of Progressive Loading is very simple:
- Make “initial load” as fast as possible.
- Load UI components only when they are required.
What you can expect to see
- How to split your code?
- Setting up Webpack and React Router within 10 minutes to achieve Progressive Loading!
About the author
I have been involved in creating huge Enterprise Applications where most of the end users work in remote areas with flaky or no internet connections. I spend most of the time to optimize the load time so that the application meets a respectable bar for web performance under emulated mobile conditions.