1

I see "Raw Size" and "Estimated Transfer Size" while generating the bundle with Angular build.

Angular Bundle Size

But when I load the site in browser, the chrome dev tools shows main.js file is loading with raw size?

Angular bundle size in browser

Am I missing something? Is there a way to receive the file with size indicated with "Estimated Transfer Size"?

Kaushal P
  • 45
  • 1
  • 5

1 Answers1

0

The Estimated Transfer Size is a somewhat new feature of Angular. It's estimating what the actual transfer size your bundle will be once it it gzipped.

The Angular CLI doesn't do g-zipping out of the box. Your CDN will likely take care of it without your knowledge. If instead, you're serving up your angular application with your own server, and not making use of a CDN, you will want to set up g-zipping.

In short, the Estimated transfer size is a pretty good guess of what your actual users of your production application will need to download for that bundle.

Cody Potter
  • 160
  • 1
  • 11