Talk

High-Speed Web Applications: Beyond the Basics

Oct5
Oct 5 Berlin, Germany

Michael Hladky

Michael Hladky

Angular Days Berlin Attend the event
High-speed web applications: beyond the basics

The Chrome DevTools are a powerful addition to the developer's toolset that allows finding and eliminating your app's performance bottlenecks. During this session, we will explore the exciting hidden DevTools features.

Learning outcome:

  • Web Vitals – what they are and how to measure them

  • Scripting, parsing, and prioritization

  • Network analysis and request debugging

  • The browser’s rendering pipeline

  • How to read the performance timeline

  • Frame drop, and why we should care about it

  • Scheduling techniques and scheduling priority

  • HTML structures, their styling and rendering in a browser

  • The Paint Flash APIs and scroll performance issues

  • Layer composition, layer squashing, and reflow triggers

  • Main thread scheduling and non-blocking UIs in Angular