Using performance budgets for auditing

In today’s world, most of the population has a good internet connection to use everyday applications, be it a mobile app or a web app, and it is fascinating how much data we ship to our end users as a business. The amount of JavaScript shipped to users has an ever-increasing trend now, and if you’re working on a web app, you might want to use performance budgets to make sure the bundle size doesn’t exceed a certain limit. With Angular apps, setting the budget sizes is a breeze. In this recipe, you’re going to learn how to use the performance budgets to ensure small bundle sizes for our Angular apps.

Getting ready

The app that we are going to work with resides in start/apps/chapter12/ng-perf-budgets inside the cloned repository:

1. Open the code repository in your code editor.
2. Open the terminal, navigate to the code repository directory, and run the following command to build the project: ...