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. In this workshop, we will explore the exciting hidden DevTools features.

Vorkenntnisse

• No previous knowledge needed

Lernziele

• 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