March 11, 2021 | 

Webinar: Angular Performance: Your App at the Speed of Light

What doesn't load in two seconds will never be accessed again: User expectations for web application performance are steadily increasing. After a web application loads, it needs to feel fast and fluid in order for the user to achieve their goal.

In his webinar on March 11th 2021, Christian Liebel uncovered Angular’s most important optimization options (Zone.js, Change Detection, and Service Workers) so that you can ignite the turbo for your Angular app!

More articles about Angular, Performance
Angular Performance: Your App at the Speed of Light

Christian Liebel

Christian Liebel is consultant at Thinktecture, focuses on web standards and Progressive Web Applications, and is Thinktecture’s representative at the W3C.


Gøran Homberg

Gøran Homberg

Gøran Homberg is Consultant at Thinktecture and works with our clients on requirements engineering, project definition, and project management.


  • Run performance-critical code outside the NgZone.
  • Protect components from too frequent queries with the OnPush strategy.
  • Load only the code you need thanks to lazy loading
  • Reduce loading times with the service worker
  • Q&A

Webinar Recording

Links from the Webinar:

Webinar Slidedeck

Upcoming Webinars: Register now!

Progressive Web Apps auf Mobile & Desktop – Einsatzgebiete, Plattformen, aktuelle Entwicklungen

Christian Liebel | August 31, 2022 | 10:30 Uhr

Blazor WebAssembly: Performance-Optimierungen fürs UI

Patrick Jahr | September 14, 2022 | 10:30 Uhr

Latest Webinar Recordings

More articles about Angular, Performance

Configuring Lazy Loaded Angular Modules
Making our Angular modules configurable is an important step in building a reusable architecture. Having used Angular for a while you might be familiar with the commonly used forRoot() and forChild() functions, that some modules provide you with. But what is the best way to provide configuration in these cases?
Master Web Component Forms Integration – with Lit and Angular
When a company has cross-framework teams, it is a good choice to use Web Components to build a unified and framework-independent component library. However, some pitfalls are to consider when integrating these components into web forms. Therefore, for a better understanding, we will look at two possible approaches and try to integrate them into an Angular form as an example.

Notice: All code samples are available on Github!
About Smart and Presentational Components, Architecture Overview & Concepts: Condensed Angular Experiences – Part 3
Modern web technologies enable us to write huge business applications that are performant and easy to use. But with time comes complexity to our projects naturally. That added complexity sums up and makes further app development slow and cumbersome. This article discusses how a simple architectural concept can make every app more maintainable, faster to develop, and extendable in the long run.
Angular Experiences: Promises Vs. Observables – Choose Your Destiny
Whether to use a Promise or an Observable is a valid question. Let me show you a little hint for deciding when to use what.
What’s The Hype With Angular’s OnPush Change Detection? Condensed Angular Experiences – Part 2
Every now and then, we think about optimizing and tuning the performance of our applications. In terms of Angular, one of the first strategies that come to our minds is the OnPush change detection. But how does it work, and is it worth putting effort into using it? For what use-cases does it make a difference? This article explores precisely that and tries to answer those questions.
Understanding Angular’s Async Pipe: Condensed Angular Experiences – Part 1
This is the first article of the mini-series 'Condensed Angular Experiences'. We will explore concepts in Angular that seem simple but are very powerful and critical for the application architecture.

Our webinars

Our articles

More about us