Angular Material setup and performance
Angular Material is configured by default to optimize the package size of your final deliverable. In Angular JS and Angular Material 1.x, the entire dependent library would be loaded. However, now with Angular Material, we are able to specify only the components that we intend to use, resulting in dramatic performance improvements.
In the following table, you can see improvement of the performance characteristics of a typical Angular 1.x + Angular Material 1.x versus an Angular 6 + Material 6 application over a fiber connection with high speed and low latency:
| Fiber Network | Angular 6 + Material 6 | Angular 1.5 + Material 1.1.5 | % Diff |
|
First paint (DOMContentLoaded) * |
... |
