Optimizing a monolithic React App - II

August 20, 2020(last updated: August 20, 2020)

Previously I mentioned about the metrics we track to identify success, and some insight on how we reduced our vendor size by about 50%. You can read more about it in detail in my previous article.

Tackling the bundle size

Again Webpack Bundle Analyzer, was a great tool in helping us identify why our bundle size was so large. Now our WebApp is a monolith and it was build as a web application, which means it contained code for all the pages and it's route and other complex page specific business logic all cramped into a bundle. Now some might argue that, though we suffer on the initial page load, this gives an advantage of all subsequent page navigations (since by this point all the code/logic needed to handle other pages are most likely already downloaded).

Profile picture

Written by Shalom Sam, a Software Engineer at heart and working as a Technology Manager based in Vancouver, building and learning new tech everyday.
Follow me on | GitHub | LinkedIn

© 2023 TechUnderTheSun