Angular Performance Optimization Workshop

Der Performance-Boost für Deine Angular-Lösungen!

Entwickle schnelle und erfolgreiche Angular-Lösungen

On-Site or Remote
2 Tage
Grundkenntnisse Angular erforderlich
Diskussionen, Live-Coding, Übungen
Auch als Firmen-Workshop verfügbar
Öffentlicher Workshop
  • Dauer: 2 Tage
  • Remote: 07.02.2023
  • Gruppenrabatt verfügbar
Firmen-Workshop
  • 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.

Impressionen

Impressionen

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

Aktuelle Termine

Alle unsere Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung

2023 07. 02 -
08. 02
09:00 - 17:00 (CET)
Gruppenrabatt

Angular Performance Optimization Workshop

2023 18. 04 -
20. 04
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 28.02.2023

Angular Performance Optimization Workshop

Weitere öffentliche Termine

2023 06. 02 -
08. 02
09:00 - 17:00 (CET)
Gruppenrabatt

Angular Architektur Workshop

2023 27. 02 -
28. 02
09:00 - 17:00 (CET)
Group Discount

Angular Security with Dr De Ryck

2023 01. 03 -
03. 03
13:00 - 17:30 (CET)
Group Discount

Design mit System: Skalierbare Design Systems mit Storybook und Angular

8.30 to 12.30 ET = 13:00 - 17:30 CET
2023 06. 03 -
07. 03
09:00 - 17:00 (CET)
Gruppenrabatt

Professional Angular Testing

2023 07. 03 -
10. 03
13:00 - 17:30 (CET)
Group Discount

Angular Architektur Workshop

8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET
2023 09. 03 -
10. 03
09:00 - 17:00 (CET)
Gruppenrabatt

Professional NGRX: Advanced State Management & Best Practices

2023 27. 03 -
29. 03
09:00 - 16:30 (CET)
Group DiscountEarly Bird bis 28.02.2023

Moderne Spring-Backends für Angular

2023 27. 03 -
29. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 28.02.2023

Schulung: Fullstack Angular mit NestJS

2023 28. 03 -
30. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 28.02.2023

Moderne .NET-Backends für Angular

2023 11. 04 -
12. 04
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 28.02.2023

Professional Angular Testing

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.

Jetzt anfragen!