Test the performance of your Angular app before and after updates to ensure that your performance numbers remain as expected. In the following case, we automatically gain performance benefits due to platform-level improvements. First, let's compare Angular v4 to v5:
Categories |
Angular 4
|
Angular 5
|
% Diff
|
JavaScript Assets Delivered (gzipped) |
83.6 KB
|
72.6 KB
|
13% smaller
|
Time to first page render (Fiber) |
0.57 s
|
0.54 s
|
5% faster
|
Time to first page render (Fast 3G) |
1.27 s
|
1.18 s
|
7% faster
|
The trend of improvement continues with Angular 6:
Categories |
Angular 5 |
Angular 6 |
% Diff |
JavaScript Assets Delivered (gzipped) |
72.6 KB | 64.1 KB |
12% smaller |
Time to first page render (Fiber) |
0.54 s | 0.32 s |
40% faster |
Time to first page render (Fast 3G) |
1.18 s | 0.93 s |
21% faster |
This trend should continue in future updates, with a target 3 KB size using the Ivy rendering engine. We will cover the importance of these performance numbers in Chapter 5, Enhance Angular App with Angular Material.