Workshops

Advanced Angular Performance Optimization - Master Class (stationary & online) by Alexander Thalhammer

Advanced Angular Performance Optimization
This workshop provides a deep dive into analyzing and optimizing Angular application performance, combining proven strategies with hands-on exercises.

We'll start by introducing a performance audit framework, offering a structured approach to measuring performance, along with the tools used by the trainer when advising customers on real-world projects.

In the second part, we'll tackle initial load performance, addressing common bottlenecks and their solutions. Topics include Build Optimization, Image Optimization, Angular Router-based Lazy Loading, Deferrable Views, and Server-Side Rendering (SSR) – including Static Site Generation (SSG) and Incremental Hydration.

The third part focuses on runtime performance, which often presents challenges only in production environments due to larger datasets and complexity. We'll explore typical runtime issues and solutions, with a strong emphasis on Change Detection and how to efficiently handle large @for loops.

Each of the three sections includes exercise sheets for participants to apply and deepen their knowledge through practical tasks. In the final bonus section, we'll showcase additional optimization techniques. If time permits, we'll also review real project issues from participants and discuss potential improvements.


What You'll Learn:
How to perform structured performance audits on Angular applications
Tooling and techniques used by performance consultants in real-world projects
Strategies to optimize initial load performance: lazy loading, deferrable views, SSR, SSG, and hydration
Advanced runtime performance tuning with a focus on Change Detection and large loops
How to analyze and solve performance bottlenecks found only in production
Hands-on exercises to apply concepts immediately

Bonus Section:
Extra optimization techniques beyond the basics
Live review of real-world project issues (if time permits)
Whether you're building Angular apps at scale or optimizing an existing product, this workshop will give you the mindset, tools, and confidence to deliver faster, more efficient experiences.