Back to All Events

Architecting Angular Apps for High Performance: Control the Browser Render Pipeline, Master the Event Loop, Measure & Optimize CWV

  • Holiday Inn Gent Expo Maaltekouter Gent, Vlaams Gewest, 9051 Belgium (map)

Trainers

  • Michael Hladky

  • Julian Jandl

  • Tanja Ulianova

Prerequisites

Please install the following tools / software:

  • Node.js in current LTS version

  • Angular CLI (npm i -g @angular/cli)

  • Nx CLI (npm i -g nx)

  • Git Commandline Client

  • Visual Studio Code or WebStorm/IntelliJ (commercial)

Key Takeaways

  • From this workshop you will walk away with a deep understanding of how to enhance your applications performance.

  • You'll gain practical knowledge of the JavaScript event loop, learn optimization techniques for the Core Web Vitals, and understand how to effectively utilize strategic approaches to identify & encounter performance bottlenecks.

  • We'll dive deep into the browsers render pipeline, ensuring you know how to measure and improve your apps performance properly.

  • Additionally, you will learn to apply advanced features like measuring CSS execution performance & utilizing cutting-edge CSS and DOM APIs to reduce reflows and prevent layout thrashing.

Schedule

07:30 - 08:30

  • Continental breakfast buffet with the trainers

08:30 - 10:30

  • Control the Browser Render Pipeline

  • Master the Javascript Event Loop

10:30 - 11:00

  • Break with coffees, teas, juices, energizers and snacks

11:00 - 12:30

  • Measure & Optimize (Core) Web Vitals

  • Go Zoneless: Master the new zoneless & signal-based change detection

12:30 - 14:00

  • Lunch with fresh soup, salads, selections of cold and warm fish and meat dishes, dessert

14:00 - 15:30

  • Use CSS and DOM performance best practices

15:30 - 16:00

  • Break with coffees, teas, juices, energizers and snacks

16:00 - 17:30

  • Optimize your apps Network requests

  • @defer like a PRO: Dramatically reduce bundle size and initial load time with @defer

About Michael Hladky

Michael Hladky

Michael Hladky is a Google Developer Expert (GDE), Microsoft MVP, Nx Champion, trainer, and consultant with a focus on Angular and RxJS. For years he has been helping companies and developers to set up scalable architectures and performant processes enabling teams to keep up with state-of-the-art development. A vibrant member of the tech community, he organizes multiple community events and workshops each year to give back.

About Julian Jandl

Julian, based in the beautiful city of Vienna, Austria, is an accomplished frontend engineer, trainer, and consultant specializing in Angular and web performance optimization. His expertise extends to conducting performance audits for client applications, identifying and fixing performance bottlenecks.

Julian also imparts his knowledge through engaging workshops, where he shares insights & teaches on both web performance and the intricacies of Angular. He continually explores cutting-edge technologies to enhance the speed of the web on a large scale.

Julian actively contributes to the community. He shares his knowledge through public workshops, talks at conferences and meetups, and actively contributes to the open-source landscape. He is one of the core contributors to the RxAngular project, solidifying his commitment to the evolution of the Angular ecosystem.