State-of-the Art-Tools fürs Performance-Tuning

Knowing how to run performance tests on your web application properly is one thing, and putting those metrics to good use is another. And both these aspects are crucial to the overall success of your performance optimization efforts. However, it can be quite an endeavor at times for it means you need to have a precise understanding of all the ins and outs of both performance data and performance tooling. This talk will shed light on how to overcome this challenge and walk you through the pitfalls and tricks of the trade of Chrome DevTools, providing you with a complete roadmap for performance analysis and optimization.

The Chrome DevTools are a powerful addition to the developer’s toolset that allows finding and eliminating your app’s performance bottlenecks. It is packed with features perfect for auditing page performance and deriving actionable insights. By visualizing data at a proper level of abstraction, it can help you pinpoint performance-related issues and set a baseline from which to start introducing improvements.

That said, knowing how to run performance tests on your web application properly is one thing, and putting those metrics to good use is another. Both aspects are critical to the overall success of the endeavor. Thus it is so crucial to understand all the ins and outs of performance data and performance tooling.

This might sound like a lot but don’t be put off! Over the course of the event, we will walk through the pitfalls and tricks of the trade of Chrome DevTools to provide you with a complete roadmap for performance analysis and optimization.

Chrome Developer Tools should be seen as a fount of knowledge about your app performance that anyone can benefit from. At that realization, the best part begins – experimenting and finding the most effective ways to improve the application’s speed.

Vorkenntnisse

Basic knowledge of web performance and curiosity, no other special prerequisites are needed.

Lernziele

In this talk, we will explore the exciting hidden DevTools features and learn about:

Core Web Vitals – what they are and how to measure them
Network tab and request debugging
Improve LCP with fetchpriority
CSS performance & the browser render pipeline
How to read the performance timeline
Scheduling techniques and scheduling priority
User flows - latest performance DevTools & CI

In this talk, we will explore the exciting hidden DevTools features and learn about scheduling techniques and scheduling priority, Web Vitals – what they are and how to measure them, how to read the performance timeline, and how to fix frame drop and scroll performance issues.