Build Fast Apps Workshop

You will walk away from this workshop being able to do all of these things by yourself.

• 01. Stop guessing about your application's performance

  You'll learn what metrics you should use to measure the performance of your application.

• 02. Building and monitoring performance budgets

  You'll determine performance budgets for your application and then implement tooling with Lighthouse to monitor the budget. In the event that you are close to going over budget you can start to make decisions today to prevent performance debt.

• 03. Setup Lighthouse

  You'll learn how to setup Lighthouse and use the CLI as well as using this tool as part of your CI pipeline.

• 04. Comprehend the rendering of your application

  Rendering web applications should adhere to a 60 frames-per-second goal. You'll learn what impacts the rending of your application, and even a bit of the nitty-gritty details on how Blink works under the hood.

• 05. Identify rendering bottlenecks

  Rendering bottlenecks can cause a perceived sluggishness by your users. You'll learn how to identify repaints, layout shifts, frame rendering stats and scrolling performance issues.

• 06. Measure cumulative layout shifts

  Layout shifts are annoying and reduce the delight of your users. You'll learn how to use the Instability API to measure the cumulative layout shift of your application.

• 07. Analyze and solve runtime performance issues

  Runtime performance issues can be difficult to identify, and the Performance tooling in Chrome DevTools can be hard to understand. We'll break down the complexity and learn how to effectively use the tool. You'll be able to quickly identify performance issues, analyze the rending of the application, and examine the flame charts to determine what scripting may be impacting the runtime performane of your application.

• 08. Identify and solve memory leaks

  Memory leaks are not good, and worse, can be extremely challenging to surface and resolve. You'll learn how to use heap snapshots and comparisons to identify memory leaks in your application.