Workshop

Architecting Angular Apps for High Performance

Dec 5
Dec 5, 2024 Ghent, Belgium

Michael Hladky

Michael Hladky

Julian Jandl

Julian Jandl

Architecting Angular Apps for High Performance: Control the Browser Render Pipeline, Master the Event Loop, Measure & Optimize CWV - Julian Jandl & Michael Hladky - ng-be 2024

Description

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.

More from the trainers

Modern Angular Best Practices: Reactivity and Resource Based Architecture | @NgGlühwein
Workshop

Modern Angular Best Practices: Reactivity and Resource Based Architecture | @NgGlühwein

PB-logo-mini

PushBased

Dec 11, 2025 · Vienna, Austria
What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 2

What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 2

Part 2 is a practical walkthrough to diagnose and speed up LCP. Learn to read CrUX trends, profile in Chrome DevTools, preload critical assets, use srcset, defer third-party scripts, and code-split Angular bundles to turn red LCP into green.

Core Web Vitals Web Performance DevTools
Julian Jandl
Julian Jandl
What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 1

What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 1

Largest Contentful Paint (LCP) is a Core Web Vital that shapes user perception of speed. This first part explains what LCP is why it matters for SEO and business, and how its phases affect site performance.

Web Performance DevTools Core Web Vitals
Julian Jandl
Julian Jandl
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