Workshop

Angular Performance at Scale

May 23
May 23 - May 24, 2023 Warsaw, Poland

Michael Hladky

Michael Hladky

Workshopfest-Logo
WorkshopFest Attend the event
workshopfest 2023

Description

High-Speed Angular Applications on Any Device.

The web has never been more exciting! But it has also never been as demanding to our devices and infrastructure as it is today. Our browsers ship new features and languages get updates only to squeeze out the last bit of performance we can get.

The problem here, there are no real resources out there that show us how to apply those optimization techniques in practice. This is especially true when it comes to framework-specific questions.

This workshop will go way beyond the basics to boost your knowledge and skills. If you really want to learn about improving the performance of your Angular application, you need to be aware of and comfortable with way more than the async pipe, ChangeDetectionStrategy.OnPush & trackBy.

Building applications, especially larger ones, with Angular on the frontend, you risk running into performance bottlenecks. Therefore, to still be able to deliver a fast user experience, you must know what techniques to use to identify and remove the problems that are causing poor performance.

In this workshop, we will take a deep dive into how Angular performance optimization works and push its change detection mechanisms to the limit. Furthermore, we will have in-depth sessions on generally optimizing JavaScript code and native rendering performance.

You will go home with lots of exercises to guide you and a wealth of insights to work with, impressed by how much faster your application can get.

Takeaways

  • How to record and analyze flame charts

  • How to document performance issues in Angular and measure improvements

  • Analyze and fix performance bugs in Components

  • Analyze and fix performance bugs in Services

  • Working hands on with Angular’s brand new DevTools

  • Analyzing Memory Usage and Active Event listeners

  • Blocking Tasks and how to Spot Scripting Bottlenecks

  • Network Analysis and Improvement Strategies

  • ChangeDetection

More from the trainer

Advanced CPU Profiling in Node - Profile Data Structure

Advanced CPU Profiling in Node - Profile Data Structure

CPU profiles are more than flame charts—they’re structured JSON files. Learn how nodes, samples, and time deltas form the backbone of DevTools performance data.

Web Performance DevTools Architecture Node.js
Michael Hladky
Michael Hladky
Advanced CPU Profiling in Node - Real-Life Examples

Advanced CPU Profiling in Node - Real-Life Examples

Profiling is easiest when it's real. Learn how to capture and make sense of CPU profiles in Node.js across scripts, threads, and processes—then apply it to your own projects.

Web Performance DevTools Architecture Monorepo Node.js
Michael Hladky
Michael Hladky
Advanced CPU Profiling in Node - Best Practices and Pitfalls

Advanced CPU Profiling in Node - Best Practices and Pitfalls

Get deeper insights into your Node.JS performance. Learn how to master advanced CPU profiling with built-in tools, interpret process/thread IDs, and optimize using sampling intervals. Troubleshooting and real examples included.

Web Performance DevTools
Michael Hladky
Michael Hladky
Implementing Incremental Hydration in Angular (Part 3/3)

Implementing Incremental Hydration in Angular (Part 3/3)

Implement incremental hydration in a real-world Angular app - Basic setup, hydration triggers and important considerations for a seamless integration.

Angular Web Performance Architecture
Michael Hladky
Michael Hladky
The Game-Changing Impact of Incremental Hydration in Angular (Part 2/3)

The Game-Changing Impact of Incremental Hydration in Angular (Part 2/3)

Let's dive deeper into why incremental hydration in Angular matters so much for performance and user experience, focusing on its influence on Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).

Angular Architecture Web Performance
Michael Hladky
Michael Hladky
Incremental Hydration in Angular: Introduction (Part 1/3)

Incremental Hydration in Angular: Introduction (Part 1/3)

Incremental hydration is a groundbreaking new feature in Angular that heavily impacts critical performance metrics like INP and LCP, while also reducing the effort required to maintain CLS at low levels.

Angular Web Performance Architecture
Michael Hladky
Michael Hladky