To speed up the First Contentful Paint (FCP) , the Angular CLI now automatically downloads and inlines fonts used in your application during the build process.
Initially introduced for Material, harnesses are now available for all components . New APIs like the parallel function and manualChangeDetection provide finer control over asynchronous testing. What’s new in Angular 11
You can now enable Hot Module Replacement (HMR) simply by running ng serve --hmr . This allows you to update code and styles instantly without a full browser refresh, preserving the application state. To speed up the First Contentful Paint (FCP)
Developers can opt-in to Webpack 5 experimental support by adding a "resolutions" field in package.json . This paves the way for persistent disk caching and smaller bundle sizes via improved tree-shaking. Improved Developer Workflow You can now enable Hot Module Replacement (HMR)
Released on November 11, 2020, Angular 11 arrived with a heavy focus on the developer experience (DX), triaging a massive backlog of community requests and introducing significant performance optimizations. Key Performance & Tooling Updates
Build cycles are now up to 4x faster thanks to optimizations in the Angular Compatibility Compiler ( ngcc ) and the official move to TypeScript 4.0 .
A preview of the new Ivy-native language service allows for more accurate type checking and generic type inference directly inside templates. Breaking Changes & Deprecations Angular 11 Features: Breaking Changes and New Deprecations