Framer — Launch websites with enterprise needs at startup speeds.
Launch websites with enterprise needs at startup speeds.
Promoted
Maker
Working on a growing web app where loading size was really important (when isn't it?), I felt I wasn't really in control of how my JavaScript bundles where potentially growing. It's not just adding dependencies. You may have a slimmer initial bundle, and then you load additional chunks later on. But it's easy to accidentally pull a large dependency into the initial chunk.
My idea here is to have a measure the sizes after every build and keep a database. Depending on the use case, it migh make sense to fail a build if the size becomes too large, send out notifications, or update a Github pull request with the size status.
Something cool I'd like to add: The ability to browse your bundles with something like the webpack-analyzer at any point in time. This should immediately give insight into why the bundle grew in size at every step.
I think it can also be useful for keeping track of the sizes of Android or iOS apps.
I'd love to hear people's thoughts. Is it useful for you? Is there a feature you are missing?