Other Various Production Optimisations
Explore how to optimize Angular applications for production by configuring browser support levels, using Autoprefixer for CSS prefixes, and enabling production mode to enhance runtime efficiency. Understand how to tailor builds for specific browsers and why production mode improves application speed and disables debugging features.
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 ...