Talk
Concurrent mode in Angular – Non-blocking UIs at scale
Description
Runtime rendering performance and UI responsiveness of web applications are more important than ever – and the industry is well aware of it. Frameworks like React introduced new ways of addressing performance issues, allowing for faster UI updates, and with tools like Chrome's postTask() scheduling, you now have the low-level functionality to directly influence rendering performance.
Angular also has quite a few improvements to offer in this regard. To a great extent, those are made possible thanks to Angular Ivy. Indeed, with Ivy, we have new opportunities to influence rendering performance in Angular applications. Through those new APIs, it was possible to introduce a completely new and super-efficient Change detection mechanism.
In this talk, I will introduce you to the outcome of multiple years of research – Concurrent Mode in Angular.
Concurrent Mode gives us full, prioritized control of work on the main thread.
In the course of this event, we will:
discuss use cases and measure performance impact
see the possibilities of Concurrent Mode in Angular with real-world demos
showcase a nice API to schedule tasks with explicit priorities
Live in front of the whole audience, I will dig through the browser Flame Charts and explain the underlying principles in detail. Get a first glimpse of a completely new, future-proven, and innovative Angular.
More from the speaker
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.
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.
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.
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.
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).
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.