Other Various Production Optimisations

Setting the browser support level

As well as AoT and environmental settings, there are other options we can set in order to optimize our application for production. One of these areas is setting the browser support level you want for your application.

Browser-specific CSS

If we’re developing an internal application that is solely being used within a corporate environment and in that environment they only allow the users access to one browser, we can optimize our application to work for that browser. Again, by using the CLI, we can add a setting to the angular.json file that tells the CLI to optimize the build for this type of browser.

What is Autoprefixer?

The Angular CLI uses Autoprefixer, which is a plugin for CSS that will automatically prefix our CSS classes with the appropriate prefix.

Create browser-specific attributes

If we have a class called panel and this class has some ...