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
  • Nächster Termin: TBA
  • 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

No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.

Weitere öffentliche Termine

2023 26. 06 -
27. 06
09:00 - 16:30 (CET)
GruppenrabattEarly Bird bis 11.06.2023

Professional Angular Testing

2023 29. 06 -
30. 06
09:00 - 16:30 (CET)
GruppenrabattEarly Bird bis 11.06.2023

Professional NGRX: Advanced State Management & Best Practices

2023 10. 07 -
13. 07
13:00 - 17:30 (CET)
Group DiscountEarly Bird bis 25.06.2023

Angular Architektur Workshop

8:00 am - 12:30 pm Eastern Time = 2:00 pm - 6:30 pm CET
2023 21. 08 -
22. 08
09:00 - 16:30 (CET)
Group DiscountEarly Bird Discount bis 23.07.2023

Playwright Workshop

2023 22. 08 -
24. 08
09:00 - 17:00 (CET)
Gruppen-RabattVery Early Bird-Rabatt bis 09.07.2023

Angular Architektur Workshop

2023 23. 08 -
25. 08
14:00 - 18:30
Group DiscountEarly Bird Discount bis 23.07.2023

Cypress Workshop

8:00 am - 12:30 pm Eastern Time = 2:00 pm - 6:30 pm CET
2023 28. 08 -
28. 08
09:00 - 16:30 (CET)
Group DiscountEarly Bird Discount bis 23.07.2023

Advanced TypeScript

2023 05. 09 -
07. 09
09:00 - 16:30 (CET)
GruppenrabattEarly Bird bis 20.08.2023

Moderne Spring-Backends für Angular

2023 25. 09 -
26. 09
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 10.09.2023

Angular Security with Dr De Ryck

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!