Einstieg in Angular und Performance
  • Warum Performance heute ein Erfolgsfaktor ist
  • Wie moderne Webanwendungen funktionieren
  • Der Angular-Build-Prozess im Überblick
  • Unterschiede zwischen Compile-Zeit, Laufzeit und Renderzeit verstehen
Tools zur Performanceanalyse
  • Google Lighthouse: Handlungsempfehlungen auf Knopfdruck
  • Chrome DevTools + Angular Profiler sinnvoll einsetzen
  • Abhängigkeitsanalyse: Welche Bibliotheken bremsen?
  • Build Budgets und Linting-Regeln zur Qualitätskontrolle
  • Tool-Vergleich und Empfehlungen für die Praxis
Schlanker Code = Schneller Code
  • Unbenutzte Abhängigkeiten und Imports entfernen
  • Kritischer Umgang mit Drittanbieterbibliotheken
  • Standalone Components als performante Alternative zu NgModules
  • Nicht nur JavaScript: Auch Bilder, Fonts und Stylesheets optimieren
  • Die NgOptimizedImage-Direktive richtig einsetzen
Lazy Loading verstehen und nutzen
  • Wie Lazy Loading funktioniert und warum es sich lohnt
  • Lazy Loading auf Modulebene
  • Lazy Loading mit Standalone Components
  • Einführung in das @defer-Block-Konzept
  • Feinkonfiguration von @defer: Optionen und Best Practices
Angular-spezifische Performance-Strategien
  • Das Change Detection-System verstehen und gezielt beeinflussen
  • Container- vs. Präsentationskomponenten: Struktur mit Wirkung
  • Signals als performante Alternative zu Zonen
  • Daten-Caching mit Services und Service Workern
  • Synchronisation von Daten und Performanceansprüche ausbalancieren
Serverseitiges Rendering (SSR) und SSG
  • Was ist SSR und was bringt es wirklich?
  • SSR in der Praxis mit Angular Universal
  • Unterschiede zwischen SSR und SSG (Static Site Generation)
  • Performance messen, bewerten, verbessern
  • Einsatzszenarien, Vorteile und Grenzen von SSR/SSG
Lernziele

Nach Abschluss dieses Seminars sind Sie in der Lage:

  • typische Performanceprobleme in Angular-Anwendungen systematisch zu analysieren und zu beheben,
  • gängige Fallstricke bereits in der Entwicklung zu vermeiden,
  • bewährte Optimierungstechniken wie Lazy Loading, Caching, Change Detection-Tuning oder SSR effektiv anzuwenden,
  • fundierte Entscheidungen hinsichtlich Architektur, Modulladeverhalten und Datenmanagement zu treffen.
Zielgruppe
  • Dieses Seminar richtet sich an Angular-Entwicklerinnen und -Entwickler, Softwarearchitekten sowie technische Projektleiter, die bestehende Anwendungen beschleunigen oder von Anfang an auf Performance optimieren möchten. Grundkenntnisse in Angular werden vorausgesetzt.

In dieser praxisorientierten Schulung lernen Sie, wie Sie typische Performanceprobleme in Angular-Anwendungen analysieren, bewerten und gezielt optimieren. Sie setzen moderne Techniken wie Lazy Loading, Change Detection Tuning, serverseitiges Rendering (SSR) und effektives Daten-Caching ein, um Ihre Anwendung nachhaltig zu beschleunigen.

Mit professionellen Tools wie Lighthouse, dem Chrome DevTools Profiler oder Angular Profiler führen Sie strukturierte Analysen durch und treffen fundierte Architekturentscheidungen. Dieses Seminar richtet sich an Angular-Entwicklerinnen und -Entwickler sowie techniknahe Projektverantwortliche, die auf nachhaltige Qualität und Geschwindigkeit setzen.

Steigern Sie die Nutzerzufriedenheit und setzen Sie neue Performance-Standards wir zeigen Ihnen, wie.


(Version: 2026-02-13T10:43:51+01:00)