# Build und Optimierung (Angular)

> Produktions-Builds, AOT-Kompilierung, Tree Shaking, Lazy Loading, Bundle-Optimierung, Source Maps, Budgets

- 20 Interview-Fragen
- Mid-Level
- [Interview-Fragen: Angular](https://sharpskill.dev/de/technologies/angular/interviewfragen.md)

## 1. Was ist AOT-Kompilierung in Angular?

**Antwort**

Die AOT-Kompilierung (Ahead-of-Time) transformiert Angular-Code und Templates während der Build-Phase vor dem Deployment in optimiertes JavaScript. Dies reduziert die Bundle-Größe, da der Angular-Compiler nicht enthalten ist, verbessert die Ladeleistung und erkennt Template-Fehler früher. Seit Angular 9 ist AOT standardmäßig für alle Builds aktiviert.

## 2. Was ist der Hauptvorteil von AOT gegenüber JIT-Kompilierung?

**Antwort**

AOT erzeugt kleinere Bundles, da der Angular-Compiler (ca. 1MB) vom finalen Bundle ausgeschlossen wird, im Gegensatz zu JIT, das den Compiler im Browser benötigt. AOT verbessert zudem die Ladezeit durch Eliminierung der clientseitigen Kompilierung, erkennt Template-Fehler früher und erhöht die Sicherheit durch Vorab-Kompilierung der Templates.

## 3. Wie aktiviert man die AOT-Kompilierung in einem ng build-Befehl?

**Antwort**

Seit Angular 9 ist AOT die Standard-Kompilierung für alle Umgebungen. Für einen Produktions-Build aktiviert ng build --configuration production automatisch AOT. Das --aot-Flag existiert, ist aber redundant, da AOT jetzt immer aktiv ist, sofern in angular.json nicht explizit anders konfiguriert.

## 17 weitere Fragen verfügbar

- Welche Konfiguration in angular.json aktiviert Optimierungen für einen Produktions-Build?
- Was ist Tree Shaking in Angular?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Angular-Interviewthemen

- [TypeScript-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-basics.md): 25 Fragen, Junior
- [TypeScript Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-advanced.md): 20 Fragen, Junior
- [Angular-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-fundamentals.md): 20 Fragen, Junior
- [Komponenten und Lebenszyklus](https://sharpskill.dev/de/technologies/angular/interviewfragen/components-lifecycle.md): 20 Fragen, Junior
- [Services & Dependency Injection](https://sharpskill.dev/de/technologies/angular/interviewfragen/services-dependency-injection.md): 20 Fragen, Junior
- [Angular-Modul-Organisation](https://sharpskill.dev/de/technologies/angular/interviewfragen/modules-organization.md): 22 Fragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-cli.md): 18 Fragen, Junior
- [Direktiven und Pipes](https://sharpskill.dev/de/technologies/angular/interviewfragen/directives-pipes.md): 22 Fragen, Mid-Level
- [Routing und Navigation](https://sharpskill.dev/de/technologies/angular/interviewfragen/routing-navigation.md): 24 Fragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-reactive.md): 26 Fragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-template-driven.md): 16 Fragen, Mid-Level
- [RxJS-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-fundamentals.md): 22 Fragen, Mid-Level
- [RxJS-Operatoren](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-operators.md): 24 Fragen, Mid-Level
- [HttpClient und API-Aufrufe](https://sharpskill.dev/de/technologies/angular/interviewfragen/http-client.md): 22 Fragen, Mid-Level
- [Grundlegende State-Verwaltung](https://sharpskill.dev/de/technologies/angular/interviewfragen/state-management-basics.md): 20 Fragen, Mid-Level
- [Change Detection](https://sharpskill.dev/de/technologies/angular/interviewfragen/change-detection.md): 20 Fragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-signals.md): 20 Fragen, Mid-Level
- [Standalone Components](https://sharpskill.dev/de/technologies/angular/interviewfragen/standalone-components.md): 18 Fragen, Mid-Level
- [Angular Unit-Tests](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-unit.md): 22 Fragen, Mid-Level
- [End-to-End-Testing](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-e2e.md): 18 Fragen, Mid-Level
- [NgRx-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-fundamentals.md): 24 Fragen, Senior
- [NgRx Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-advanced.md): 24 Fragen, Senior
- [Angular-Architektur](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-architecture.md): 22 Fragen, Senior
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/performance-optimization.md): 22 Fragen, Senior
- [Sicherheit und Best Practices](https://sharpskill.dev/de/technologies/angular/interviewfragen/security-best-practices.md): 20 Fragen, Senior
- [Fortgeschrittene RxJS-Patterns](https://sharpskill.dev/de/technologies/angular/interviewfragen/advanced-rxjs-patterns.md): 22 Fragen, Senior
- [Angular Universal und SSR](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-universal-ssr.md): 20 Fragen, Senior
- [Angular Micro-Frontends](https://sharpskill.dev/de/technologies/angular/interviewfragen/micro-frontends-angular.md): 20 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/angular/interviewfragen/build-optimization