Application Size Budget
Explore how to configure application size budgets in Angular using the angular.json file. Learn to set thresholds that warn or error when your app bundle grows too large, helping you maintain optimized performance and quicker load times. This lesson helps you understand various budget types and how to apply them to keep your Angular application efficient.
We'll cover the following...
Setting an application size budget
Another option for reducing the size of the download the browser needs to make, is to set an application size budget. This is where we can configure a size for the application that we think is the maximum, and during the build process, if our application has grown close to this maximum size, the Angular CLI will warn us.
During the development of an application, we add more and more packages and code as the app grows. This all leads to a final compiled file size that the browser needs to download. The larger the file, the longer the browser will take to download, and the longer it takes for our ...