
Angular Performance Optimization Workshop
Der Performance-Boost für Deine Angular-Lösungen!
Entwickle schnelle und erfolgreiche Angular-Lösungen
- Dauer: 2 Tage
- Nächster Termin: TBA
- Gruppenrabatt verfügbar
- Individuell vereinbar
- In-House oder remote
- Ab ca. 8 Teilnehmer günstiger
Angular Performance
Laut Google verlassen 40 % der Besucher eine Website, wenn das Laden länger als 3 Sekunden dauert und laut Amazon bringt 0,1 s weniger Ladezeit ca. 1 % mehr Umsatz. Die Ladezeit ist auch bei Angular Apps entscheidend. In diesem neuen Workshop lernen Sie, dass eine schwache Performance in den meisten Fällen nicht am Angular-Framework selbst, sondern an kleinen, aber folgenschweren Fehlern in der Umsetzung liegt.
Wir beschäftigen uns zu Beginn mit einem Audit Framework für ein strukturiertes Vorgehen beim Messen der Performance und den verschiedenen Audit Tools, die uns bei der Optimierung unterstützen. Es sind dieselben Tools, die der Trainer bei Kundenberatungen zum Thema einsetzt. Im zweiten Teil wird das Thema Ladezeit bzw. initiales Laden der App behandelt. Hier werden die wichtigsten Probleme besprochen und die jeweiligen Lösungen vorgestellt. Im dritten und letzten Teil wird die Performance während der Laufzeit optimiert. Oft treten diese Probleme erst im Produktiv-Betrieb auf, weil die Daten und die Komplexität im Vergleich zur Entwicklung meist nicht geringer werden. Wieder werden die typischen Probleme und die zugehörigen Lösungen erarbeitet.
Zu allen drei großen Blöcken gibt es je ein Übungsblatt, anhand dessen die Themen von allen Teilnehmenden in der Praxis gefestigt und vertieft werden. Sollte es sich zeitlich ausgehen, können in der letzten Einheit Probleme in realen Projekten gemeinsam analysiert und Verbesserungsvorschläge erörtert werden.


Highlights
✅ Komplett online – Keine Anreise erforderlich!
✅ Interaktiv: Stellen Sie Fragen und nehmen Sie an Diskussionen teil
✅ Viele Übungen und Live-Coding
✅ Fallstudie, die Sie als Blaupause für Ihre eigenen Projekte verwenden können
✅ Pair-Programming mit Ihrem Trainer
Ausgewählte zufriedene Kunden
Agenda
Teil 1: Professionelles Performance Audit & Tools
- Performance Audit Framework
- Performance Audit Tools
- Google PageSpeed & Google Chrome Lighthouse
- WebPageTest & Perfume.js
- Google Chrome DevTools & Angular DevTools
- Source Map Explorer & Webpack Bundle Analyzer
- Import Graph Visualizer
Teil 2: Optimierung der Ladezeiten für Angular Apps
- Web Performance Best Practices
- NgOptimizedImage Directive
- Build Optimization & Tree Shaking
- 3rd party libs / CSS frameworks
- Lazy Loading Techniques
- Server Side Rendering
- Caching Best Practices
Teil 3: Optimierung der Laufzeit-Performance von Angular
- Angular ChangeDetection Optimization
- ChangeDetectorRef Usage
- Angular Templates: Pipes, Flags
- Virtual Scrolling & ngFor-trackBy
- API Communication Best Practices
Bonus
- Angular Resolver & Alternatives
- Smart vs Dumb Components
- RxJS & State Management (NgRx)
- Web Workers & Service Workers
- Scheduling
Manfred Steyer ist Google Developer Expert (GDE) für Angular sowie Tursted Collaborator im Angular-Team. Zusammen mit seinem Team betreut er Kunden im gesamten deutschen Sprachruam. Der Fokus liegt dabei auf Geschäfts- und Industrie-Anwendungen auf der Basis von Angular.
