# Angular Universal und SSR (Angular)

> Server-Side Rendering, Prerendering, Angular Universal Setup, Plattformerkennung, Transfer State, SEO-Optimierung

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

## 1. Was ist Angular Universal?

**Antwort**

Angular Universal ist die offizielle Lösung für Server-Side Rendering (SSR) in Angular. Es generiert HTML auf dem Server, bevor es an den Client gesendet wird, was die initiale Ladezeit und das SEO verbessert. Im Gegensatz zum klassischen Rendering, das das Herunterladen und Ausführen von JavaScript vor der Anzeige des Inhalts erfordert, generiert Universal sofort vollständiges HTML.

## 2. Was ist der Hauptvorteil von Server-Side Rendering (SSR) für SEO?

**Antwort**

Suchmaschinen-Crawler erhalten sofort verwendbares vollständiges HTML, ohne auf die JavaScript-Ausführung warten zu müssen. Dies gewährleistet die korrekte Indexierung von Inhalten selbst für Crawler, die mit klassischen SPAs Schwierigkeiten haben. Zusätzlich sind Meta-Tags (title, description) vom initialen Laden an vorhanden, was die Sichtbarkeit in Suchergebnissen verbessert.

## 3. Was ist der Unterschied zwischen SSR (Server-Side Rendering) und Prerendering?

**Antwort**

SSR generiert HTML serverseitig auf Anforderung für jede Benutzeranfrage und ermöglicht dynamische Inhalte. Prerendering generiert HTML für alle Routen zur Build-Zeit und liefert statische Dateien aus. Prerendering eignet sich für Seiten mit statischen Inhalten (Blog, Dokumentation), da es schneller und weniger ressourcenintensiv ist. SSR ist für personalisierte oder häufig wechselnde Inhalte erforderlich.

## 17 weitere Fragen verfügbar

- Wie erkennt man, ob Code serverseitig oder browserseitig ausgeführt wird?
- Was ist die TransferState-API und wozu dient sie?

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
- [Build und Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/build-optimization.md): 20 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 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/angular-universal-ssr