+49 911 65008-222 info@it-seminare.de

Angular Performance-Optimierung

Seminardauer: 2 Tage

Das Seminar "Angular Performance-Optimierung" ist seitens des Herstellers nicht mehr verfügbar, bzw. abgekündigt. Wir können Ihnen diese Schulung in Form eines Workshops in Ihrem Unternehmen oder in unserem Schulungszentrum anbieten.

Seminarinformationen

Seminar - Ziel

In diesem 2-tägigen Seminar "Angular Performance-Optimierung" lernen Sie, wie Sie Angular-Anwendungen effizient analysieren, Leistungsprobleme identifizieren und effektive Optimierungsmethoden umsetzen. Sie erwerben fundierte Kenntnisse in zentralen Bereichen wie Change Detection, Lazy Loading, Server-Side Rendering und Caching-Strategien. Zusätzlich werden Sie in der Anwendung von Performance-Messwerkzeugen und -techniken geschult, um die Effizienz Ihrer Projekte langfristig zu steigern.

Teilnehmer - Zielgruppe

  • Angular Entwickler

Kurs - Voraussetzungen

  • Grundlegende Kenntnisse in Angular

Seminardauer

  • 2 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

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

Weitere Schulungen zu Thema Angular

Angular Kompaktkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "Angular Kompakt" erlernen Sie die Grundlagen von TypeScript und ECMAScript 6 (ES6) sowie eine umfassende Einführung in Angular, einschließlich der Arbeit mit Komponenten, Modulen und der Nutzung der Angular CLI. Der Kurs behandelt ...

Angular Fortgeschrittenenkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In dieser 2-tägigen Schulung "Angular Advanced" erlernen Sie fortgeschrittene Methoden der Angular-Entwicklung, einschließlich Unit-Tests, reaktiver Programmierung mit RxJS und Sicherheitsstrategien. Sie werden mit den Test-Tools Jasmine und Karma arbeiten und die ...

TypeScript für Angular

- u.a. in Bremen, Köln, Erfurt, Kassel, Jena

In diesem 2-tägigen Seminar "TypeScript für Angular" erhalten Sie grundlegende Kenntnisse und Techniken von TypeScript in Kombination mit Angular. Ziel des Seminars ist es, Ihnen eine stabile Basis zu vermitteln, um mit TypeScript effektiv in der Angular-Entwicklung ...

Migration von AngularJS zu Angular

- u.a. in Stuttgart, Leipzig, Koblenz, Kassel, Nordhausen

In diesem 1-tägigen Seminar "Migration von AngularJS zu Angular" erfahren Sie verschiedene Strategien und übergeordnete Ansätze für den Wechsel von AngularJS. Sie erhalten eine konzeptionelle Abbildung von AngularJS auf Angular und lernen, wie der UpgradeAdapter ...