What You Will Learn

✔️ Control the Browser Render Pipeline - To make your app faster, you need to understand how the browser interprets your code. Learn the different stages of the Browser Render Pipeline. Get to know the tools to inspect & analyze bottlenecks in your application. Write code that always performs optimally.

✔️ Master the Javascript Event Loop - If you care about performance in any JavaScript application, mastering the Event Loop is a must. Dive deep into the JavaScript vm and learn techniques to avoid slow performing code on real world applications.

✔️ Measure & Optimize (Core) Web Vitals - Your performance has a score. Learn how it’s composed, measured and techniques to improve it. Get an expert in analyzing and improving LCP, CLS, INP, TBT, TTFB & more.

✔️ Go Zoneless: Master the new zoneless & signal-based change detection - Understand how Angular is getting faster because of the new change detection and zoneless features. Learn how to benefit from them.

✔️ Use CSS and DOM performance best practices - Improve the performance of real world applications by applying the latest CSS features. Learn how to identify and fix forced reflows and how to avoid layout thrashing.

✔️ Optimize your apps Network requests - Enterprise apps consume a lot of data. Master the tools that allow you to identify network related performance bottlenecks. Learn techniques and strategic approaches to optimize network related data consumption to ultimately improve the performance of your application.

Takeaway
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.