Web-Performance in Angular

Online-Workshop, 1. Dezember 2023, 9 bis 16 Uhr

Performance ist ein wichtiger Faktor, wenn es darum geht, Anwendungen zu entwickeln, die User auch gerne verwenden. Dieser Hands-on-Workshop wird dein Wissen erweitern und deine Skills in Performance-Evaluierung und -Optimierung in Angular auf ein neues Level bringen.

Nachdem wir uns mit den Grundlagen über Core Web Vitals und dem RAIL-Modell beschäftigt haben, gehen wir über die Basics hinaus und sehen uns gemeinsam an, wie man die Performance von Angular-Anwendungen effektiv messen und überwachen kann. In einer Hands-on-Session werden wir allgemeine Best Practices in JavaScript und TypeScript behandeln und lernen, wie man Change-Detection-Mechanismen oder neue Features wie Signals sinnvoll nutzen kann, um die native Rendering-Performance zu optimieren.

Gemeinsam mit einigen praktischen Tipps und Tricks für die Umsetzung wirst du nach diesem Workshop das nötige Know-How haben, um eigenständig effektive Performance-Tests auszuführen und Performance-Metriken für die Optimierung deiner Angular-Anwendung zu nutzen.

Vorkenntnisse

• Grundlagen in JavaScript & Angular

Lernziele

• Browser Render Pipeline verstehen
  
• (Core) Web Vitals – was sie sind und wie man sie misst
  
• Tooling
  
• JavaScript Event Loop verstehen
  
• Browser Native Features
  
• Auditing, Monitoring und Messung
  
• Signals und Change Detection
  
• Performance Best Practices für Angular Components
  
• NgOptimizedImage