Folgende Schulungsthemen könnten Sie alternativ interessieren.
Angular Performance-Optimierung
Seminardauer: 2 Tage
Das Seminar "Angular Performance-Optimierung" wurde abgekündigt. Wir können Ihnen diese Schulung in Form eines Workshops in Ihrem Unternehmen anbieten.
Ziele der Schulung
In dieser 2-tägigen Schulung "Angular Performance-Optimierung" lernen Sie, wie Sie Angular-Anwendungen effektiv analysieren, Performance-Engpässe erkennen und wirksame Optimierungstechniken anwenden. Sie erlangen tiefgreifende Kenntnisse in Schlüsselbereichen wie Change Detection, Lazy Loading, Server-Side Rendering und Caching-Strategien. Darüber hinaus werden Sie in der Nutzung von Performance-Messwerkzeugen und -techniken geschult, um die Leistungsfähigkeit Ihrer Projekte nachhaltig zu verbessern.
Zielgruppe Seminar
- Angular Entwickler
Voraussetzungen
- Grundlegende Kenntnisse in Angular
Lernmethodik
Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.
Seminarinhalt
Einführung & Performance-Grundlagen 2026
- Warum Performance heute entscheidend ist (Core Web Vitals: LCP, INP, CLS, TTFB)
- Performance-Ziele für Angular-Anwendungen
- Vom klassischen Angular zum Signals + Zoneless-Paradigma
- Überblick über die größten Performance-Hebel in Angular 19/20
Performance-Messung und -Analyse
- Wichtige Tools: Lighthouse, Chrome DevTools (Performance, Memory, Coverage), Angular DevTools
- Core Web Vitals messen und richtig interpretieren
- Angular CLI Budgets, Bundle Analyzer, Nx Affected
- Praktische Live-Analyse einer Demo-Anwendung
Hands-on: Messung & erste Optimierungen
- Übung 1: Vollständiger Performance-Audit einer mittelgroßen Beispiel-App mit Lighthouse + DevTools
- Übung 2: Identifikation der größten Performance-Bremsen und erste Quick-Wins (Bundle-Größe, unnötige Imports, etc.)
Change Detection & Reaktivität neu gedacht
- Grundprinzipien der Change Detection
- OnPush als neuer Standard
- Signals als Performance-Game-Changer (signal, computed, effect, linkedSignal)
- Zoneless Change Detection (provideZonelessChangeDetection())
- Fine-grained Rendering und warum Signals + Zoneless so stark sind
Moderne Architektur für hohe Performance
- Best Practices: Standalone Components, Vertical Slicing, Deferrable Views (@defer)
- Häufige Anti-Patterns und deren Vermeidung
- Monorepo-Optimierungen (Caching, Task Orchestration)
- Praktische Tipps für skalierbare, performante Strukturen
Lazy Loading, Rendering-Strategien & Datenabruf
- Route-based Lazy Loading + Standalone Lazy Routes
- Deferrable Views (@defer on, when, prefetch)
- Moderner Datenabruf mit httpResource
- Hybrid Rendering: SSR + SSG + Streaming + Hydration (neue Angular Features)
- Vergleich Client-Side vs. Server-Side vs. Hybrid
Caching, Build-Optimierungen & Abschluss
- Moderne Caching-Strategien (HTTP Cache, Signals + Resource API, Service Worker)
- Bundle-Optimierungen, Tree-Shaking, Compression
- CI/CD Performance-Checks
- Performance-Checklist 2026
- Abschluss-Review + offene Fragen
Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis
Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.
Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.
