What is New in Angular 11? – Everything you need to know

Estimated study time: 7 minutes. A tooling-and-polish release focused on developer experience.

Angular 11 didn't introduce dramatic new APIs, but it tightened up the development experience in ways that added up across a real project.

Automatic Font Inlining

By default, the CLI began inlining Google Fonts directly into the production build's HTML, cutting an extra network round trip on first load.

Improved Build and Test Logging

Build output and test runner (Karma) logging became clearer and less noisy, making it easier to spot the actual error among build output.

Component Test Harnesses Stabilized

The component harness APIs — used for writing more resilient, implementation-detail-agnostic tests for Angular Material components — moved out of experimental status.

Faster Rebuilds

Webpack 5 support (opt-in) and general build pipeline improvements reduced incremental build times during local development.

Router Performance Improvements

Route navigation and guard resolution saw internal performance improvements, particularly noticeable in apps with many nested lazy-loaded routes.