So I am just curious about measuring the size and time spent loading my application upon system startup. And the client bundle’s size.
So i am running my app with the --production flag and I am using dynamic imports in my vue-router’s configuration file. When a route is navigated to, the associated component will then be loaded.
I can see in the network tab of the Chrome Dev tools that a JS file with the name of 5a5ce057a897fbe3c9113f48189c34a2d34f7c42.js?meteor_js_resource=true
has a size of 930 KB but only 285 KB has been loaded. So my question is, is that due to me dynamically loading components? and is 930 KB my client bundle’s size? when i use the bundle-visualizer tool the application has a reported size that several MB’s in size. So I am confused about what is the proper term for what I am looking at in both cases.